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
Advanced CSS ConceptsMicrosoft via edX Тонкости верстки
Moscow Institute of Physics and Technology via Coursera CSS - The Complete Guide 2024 (incl. Flexbox, Grid & Sass)
Udemy Build Responsive Real-World Websites with HTML and CSS
Udemy HTML5 & CSS3 Build: Two Responsive Websites in Hindi
Udemy