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

Title:

Description:

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.twitter.com/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

YouTube url:	https://www.youtube.com/watch?v=p0bGHP-PXD4&list=PLukz2H657pNyy1hyRvjGvjt9NjpfE0F7z&index=7&t=652s
Created:	29. 10. 2020 11:11:11

CaptionsMaker.com

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