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

In this project we will build a custom website using HTML5 and modern CSS techniques such as CSS Grid, Flexbox, psuedo selectors, animation and more. We will also deploy to Netlify and add form functionality

Code:


💖 Support The Channel!


Website & Brad Traversy Udemy Course Links:


Follow Traversy Media:




Timestamps:
0:00 - Intro
2:32 - Base & Navbar HTML
6:05 - Base CSS
9:08 - Navbar, Container, Flex
16:12 - Showcase Area & Grid
27:28 - Card & Form CSS
33:07 - Button Styles
35:45 - Skewed Area
39:42 - Stats Section
44:16 - Utility Classes - Margin & Padding
52:33 - CLI Section & Grid Col & Row Span
57:25 - Cloud Section
1:00:50 - Background & Button Utility Classes
1:04:00 - Text Sizes
1:05:28 - Languages Section
1:09:49 - Footer
1:14:08 - Media Queries & Responsiveness
1:21:34 - Features Page
1:29:57 - Features Grid With Spans
1:32:15 - Docs Page
1:42:44 - Alert, Code Block & Text Color Styles
1:49:02 - Make Inner Pages Responsive
1:52:02 - Animations
1:56:42 - Prepare & Deploy To Netlify

html,html5,css,css3,build a website,responsive website,custom website,css grid,flexbox,media queries,css animation,netlify,