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
1 view
4118
1543
6 days ago 00:00:55 0
Москва ЖК Люблинский парк -43 ПИК Новостройки #shorts Moscow Complex Lyublinsky Park PIK Buildings
1 week ago 00:08:09 2
Elon Musk’s Secret Plan to Take Over the World | The Billionaire Blueprint
1 week ago 00:18:54 2
Homeless Crisis in Pittsburgh‼️ America’s HOMELESS CRISIS 2025⁉️🤯🥵
1 week ago 00:15:01 2
The faces of America’s Homeless⁉️ they don’t want the world to see‼️🤯😰
1 week ago 00:01:56 4
Mashina - Official Release Date Trailer
1 week ago 00:01:59 13
IFSC World Cup Salt Lake City 2025 Final W1 Annie SANDERS
1 week ago 00:03:13 2
Elon’s SpaceX Tour - Offices
1 week ago 00:03:38 0
Data Engineer Career Path by Zero to Mastery Academy [Use Coupon Code]
2 weeks ago 00:00:41 0
Москва ЖК Люблинский парк -40 ПИК Новостройки #shorts Moscow Complex Lyublinsky Park PIK Buildings