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
4111
1540
3 weeks ago 00:08:10 1
AI Agents Will Create MILLIONAIRES in 2025 – Are You Ready
4 weeks ago 00:01:29 1
Тентовые здания МСБИЛДИНГС
1 month ago 00:03:58 1
The Shira Choir x The Kiffness - Im Hashem Lo Yivneh Bayis (Psalm 127 DANCE REMIX)
1 month ago 00:02:43 1
Yearning Kru - Multipass
1 month ago 00:40:25 1
40MIN Unilateral Leg Strength - Lower Body Workout
1 month ago 00:19:20 1
Blue Ribbon: Story of the Build
1 month ago 00:00:31 1
Тот самый чел, который говорит что он “топ 1 холиворлда“
1 month ago 00:06:07 1
PATRIARKH - WIERSZALIN IV (feat. Eliza Sacharczuk) (Official Video) | Napalm Records