Here's what's in the course:
1. Getting Started
Available in
days
days
after you enroll
2. Introduction to Sass and Responsive Design
Available in
days
days
after you enroll
- Sass partials (13:23)
- Sass variables and CSS custom properties (17:10)
- Responsive design (6:15)
- Sass and BEM (7:09)
- Building the responsive 2-column layout (21:03)
- Setting widths (17:59)
- Sass mixins (12:21)
- Using max-width media queries (9:59)
- Order of media queries (8:08)
- Responsive typography (11:33)
- Why you shouldn't use pixels (usually) (15:18)
- Sass functions (10:09)
- Using the rem() function (20:06)
- Why I use em units in media queries (7:09)
- Nesting and BEM (4:42)
- Default browser styles (8:31)
- BEM modifiers and Sass placeholders (11:09)
- Helper and utility classes (9:16)
3. BASIC Website Setup
Available in
days
days
after you enroll
4. Global Styles
Available in
days
days
after you enroll
5. Top Navigation
Available in
days
days
after you enroll
6. Hero
Available in
days
days
after you enroll
- Prep and HTML markup (16:45)
- Setting up styles (14:47)
- Unicorn image (16:51)
- Header styles (12:14)
- Paragraph styles (21:17)
- Unicorn image spacing (13:47)
- Button styles (11:30)
- Button sizing (15:15)
- Button spacing (12:49)
- Button hover states (15:55)
- Flexbox mobile layout (17:21)
- Flexbox desktop layout (15:39)
- Sizing the flex children (18:27)
- Flex-grow and flex-basis (10:47)
- Optional: Grid mobile layout (8:53)
- Optional: Grid desktop layout (12:31)
- Double-checking the styles (29:09)
7. 3-Column Features
Available in
days
days
after you enroll
8. Full-width Feature
Available in
days
days
after you enroll
9. Testimonial
Available in
days
days
after you enroll
10. Full-width CTA
Available in
days
days
after you enroll
11. Footer
Available in
days
days
after you enroll
12. Deployment and finish!
Available in
days
days
after you enroll