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

source