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:
Tweets by traversymedia
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