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

. ANIMATIONs
Banaras Hindu University via Swayam
Angular Styling & Animations (for Angular 2+)
Udemy
Aprende a crear animaciones y efectos interactivos con CSS3
Udemy
Seven to Heaven - HTML5, CSS3 and jQuery Course
Udemy
Interactive Web Animation [ JavaScript SVG CSS & Canvas ]
Udemy