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

Uploaded By: Myvideo

Published on

13 Feb 2021

1 view

0

0 votes

0

About Share Download Add to

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

Share with your friends

Link:

Embed:

<iframe width="640" height="360" src="//myvideo.cc/embed/dGJCUmUyU3VhRkdwQWlVM0tKc3R2NmF6bDhEZzFrMTBMTEx6UmRzMEJLbz0" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

Video Size:

Custom size:

x

Autoplay video

Hide player controls

Hide resume playing

Add to Playlist:

Favorites

My Playlist

Watch Later

UFA, Россия.Квадрат назван в честь Салавата Юлаев.Конгресс Холл Торатау.Центральная часть города, вид с воздуха

12 hours ago

00:00:22

UFA, Россия.Квадрат назван в честь Салавата Юлаев.Конгресс Холл Торатау.Центральная часть города, вид с воздуха

2 16%

Kings and Generals Alaric's Sack of Rome - Rise of the Goths DOCUMENTARY

12 hours ago

00:16:21

Kings and Generals Alaric's Sack of Rome - Rise of the Goths DOCUMENTARY

1 31%

Стамбул, Турция.Небоскребы в Стамбуле.Район Хузур.Летнее утро.Подсветка, вид воздуха

13 hours ago

00:00:40

Стамбул, Турция.Небоскребы в Стамбуле.Район Хузур.Летнее утро.Подсветка, вид воздуха

2 65%

History Matters Why did the League of Three Emperors fail twice (Short Animated Documentary)

13 hours ago

00:03:54

History Matters Why did the League of Three Emperors fail twice (Short Animated Documentary)

7 91%

Baumi Wait, Is THIS The Best New Build! They're ALL SO GOOD!! World of Jakiro!

14 hours ago

00:47:15

Baumi Wait, Is THIS The Best New Build! They're ALL SO GOOD!! World of Jakiro!

3 57%

Mateusz Doniec I am Building a Modern Dog Kennel

14 hours ago

00:15:14

Mateusz Doniec I am Building a Modern Dog Kennel

94 90%

НАЧАЛОСЬ!EARN: ОСТАЛОСЬ 5 ДНЕЙ, ЧТОБЫ ЗАРАБОТАТЬ #crypto #earn #build #notcoin #TON #DOGS #Telegram

14 hours ago

00:05:01

НАЧАЛОСЬ!EARN: ОСТАЛОСЬ 5 ДНЕЙ, ЧТОБЫ ЗАРАБОТАТЬ #crypto #earn #build #notcoin #TON #DOGS #Telegram

1 62%

throtl Building a Subaru WRX STI in 18 minutes! (COMPLETE TRANSFORMATION)

14 hours ago

00:18:38

throtl Building a Subaru WRX STI in 18 minutes! (COMPLETE TRANSFORMATION)

1 6%

Francis Villatoro Simulation of the formation of the Milky Way galaxy

14 hours ago

00:02:16

Francis Villatoro Simulation of the formation of the Milky Way galaxy

5 26%

Магнитные шарики - Вилла Build Ocean Villa Имеет Изогнутую Крышу И Несколько Бассейнов Для Домашних Животных

15 hours ago

00:09:42

Магнитные шарики - Вилла Build Ocean Villa Имеет Изогнутую Крышу И Несколько Бассейнов Для Домашних Животных

18 91%

Магнитные шарики - В отеле Build Sofitel Marrakech есть бассейн с водопадом - Magnet Balls

15 hours ago

00:10:04

Магнитные шарики - В отеле Build Sofitel Marrakech есть бассейн с водопадом - Magnet Balls

1 72%

Jeremy Ethier The ONLY 2 Exercises That Grew My Narrow Shoulders

15 hours ago

00:09:23

Jeremy Ethier The ONLY 2 Exercises That Grew My Narrow Shoulders

1 6%

Видео от Nikita Maykov / Video travel

15 hours ago

00:00:12

Видео от Nikita Maykov / Video travel

1 62%

Клип @

16 hours ago

00:00:06

Клип @

3.1K 9%

Хельсингборг, Швеция.Хельсингборг Ратуша.Летний день.Облачная погода, вид с воздухом, интересующая точка

16 hours ago

00:00:46

Хельсингборг, Швеция.Хельсингборг Ратуша.Летний день.Облачная погода, вид с воздухом, интересующая точка

2 28%

Сочи, Россия.Роза Хутор, железнодорожный вокзал.Лето.Долина реки Млемта, вид с воздухом, отъезд камеры

16 hours ago

00:00:42

Сочи, Россия.Роза Хутор, железнодорожный вокзал.Лето.Долина реки Млемта, вид с воздухом, отъезд камеры

2 49%

Tech Notice 24-Core CPU Baked INTO This ITX Motherboard! | Minisforum AR900i Review & Test

17 hours ago

00:19:10

Tech Notice 24-Core CPU Baked INTO This ITX Motherboard! | Minisforum AR900i Review & Test

10 93%

ETA PRIME The New BD790i Is 16 Core Mini ITX Board! We Built A Powerful Small Foot Print PC

17 hours ago

00:14:11

ETA PRIME The New BD790i Is 16 Core Mini ITX Board! We Built A Powerful Small Foot Print PC

12 87%

Why Is Everyone Buying This CPU

17 hours ago

00:09:57

Why Is Everyone Buying This CPU

1 82%

00Fant Scrap Mechanic Survival | HowToBuild - The Banana Bike MK2 / Part 2 in the description

17 hours ago

00:12:48

00Fant Scrap Mechanic Survival | HowToBuild - The Banana Bike MK2 / Part 2 in the description

7 59%

Mikhail Pomaskin Elden Ring(DX12) - Mobox(Esync). Android, Snapdragon 7+Gen2.

18 hours ago

00:06:06

Mikhail Pomaskin Elden Ring(DX12) - Mobox(Esync). Android, Snapdragon 7+Gen2.

29 84%

1 000 Игроков в Строительном Челлендже | Карл младший брат мистера Биста Karl

18 hours ago

00:08:33

1 000 Игроков в Строительном Челлендже | Карл младший брат мистера Биста Karl

7 74%

Долли зум.Россия, Иркутск.Московские ворота.Ориентир на набережной реки Ангара, вид с воздухом, отъезд камеры

18 hours ago

00:00:20

Долли зум.Россия, Иркутск.Московские ворота.Ориентир на набережной реки Ангара, вид с воздухом, отъезд камеры

4 85%

Simple Teaching English Channel Lesson 172: Action Verbs for Gardening: A Practical Vocabulary Lesson | Growing and Planting v

19 hours ago

00:12:22

Simple Teaching English Channel Lesson 172: Action Verbs for Gardening: A Practical Vocabulary Lesson | Growing and Planting v

3 21%

0 Comments

Guest