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

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:
https://github.com/bradtraversy/loruki-website

💖 Support The Channel!
http://www.patreon.com/traversymedia

Website & Brad Traversy Udemy Course Links:
https://www.traversymedia.com

Follow Traversy Media:

https://www.instagram.com/traversymedia
https://www.facebook.com/traversymedia

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

Powered by WPeMatico

About Guaripete Solutions

Guaripete Solutions SEO Agency in Charlotte North Carolina, with personalized SEO Consulting Services, Small and Medium Business Social Media Marketing Services, and Website Builder Experts oriented to our Customers.