Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Build a Responsive Website - HTML, CSS Grid, Flexbox & More

Traversy Media via YouTube

Start learning Write review

Details

Start learning

Provider

YouTube
Pricing

Free Video
Languages

English
Effort

2 hours 2 minutes
Sessions

Self-Paced
Level

Beginner

Found in

Build a three-page cloud-hosting website with HTML5 and modern CSS, including Grid, Flexbox, pseudo-selectors, utility classes, animations, responsive layouts, and a working form. The completed project is deployed to Netlify.

Syllabus

- Intro.
- Base & Navbar HTML.
- Base CSS.
- Navbar, Container, Flex.
- Showcase Area & Grid.
- Card & Form CSS.
- Button Styles.
- Skewed Area.
- Stats Section.
- Utility Classes - Margin & Padding.
- CLI Section & Grid Col & Row Span.
- Cloud Section.
- Background & Button Utility Classes.
- Text Sizes.
- Languages Section.
- Footer.
- Media Queries & Responsiveness.
- Features Page.
- Features Grid With Spans.
- Docs Page.
- Alert, Code Block & Text Color Styles.
- Make Inner Pages Responsive.
- Animations.
- Prepare & Deploy To Netlify.