YoVDO

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

Offered By: Traversy Media via YouTube

Tags

HTML & CSS Courses Computer Science Courses Web Development Courses Flexbox Courses HTML5 Courses Responsive Design Courses CSS Grid Courses Web Animation Courses Netlify Courses

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

Software as a Service
University of California, Berkeley via Coursera
Intro to Computer Science
University of Virginia via Udacity
Web Development
Udacity
Software Engineering for SaaS
University of California, Berkeley via Coursera
CS50's Introduction to Computer Science
Harvard University via edX