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
HTML5 and CSS FundamentalsWorld Wide Web Consortium (W3C) via edX Build Responsive Real-World Websites with HTML and CSS
Udemy HTML5 & CSS3 Course: Build Responsive Websites from Scratch
Udemy Advanced CSS and Sass: Flexbox, Grid, Animations and More!
Udemy Modern HTML & CSS From The Beginning 2.0 (2024 Revamp)
Udemy