Build a Responsive Website - HTML, CSS Grid, Flexbox & More
Offered By: Traversy Media via YouTube
Course Description
Overview
Learn to build a responsive website using HTML5 and modern CSS techniques in this comprehensive 2-hour tutorial. Master CSS Grid, Flexbox, pseudo selectors, and animations while creating a custom website from scratch. Follow along as the instructor guides you through building the site's structure, styling components, and implementing responsive design. Explore advanced topics such as utility classes, grid spans, and custom animations. By the end of the tutorial, deploy your finished project to Netlify and add form functionality. Perfect for web developers looking to enhance their front-end skills with practical, hands-on experience.
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.
Taught by
Traversy Media
Related Courses
Intro to HTML and CSSUdacity Responsive Web Design Fundamentals
Google via Udacity HTML5 and CSS Fundamentals
World Wide Web Consortium (W3C) via edX CSS Basics
Microsoft via edX Advanced CSS Concepts
Microsoft via edX