Flexbox Crash Course 2022

241513
511
9927
18.01.2022
Traversy Media

Traversy Media

184471258
1950000
937
30.10.2009
US
Описание видео:

Flexbox is used for space distribution, positioning and alignment in CSS. 💻 Project Code: 🤍codepen.io/bradtraversy/pen/JjrzzOW 👇 Website & Courses: 🤍traversymedia.com 💖 Show Support Patreon: 🤍🤍patreon.com/traversymedia PayPal: 🤍paypal.me/traversymedia 👇 Follow Me On Social Media: Twitter: 🤍twitter.com/traversymedia Instagram: 🤍🤍instagram.com/traversymedia Linkedin: 🤍🤍linkedin.com/in/bradtraversy Timestamps: 0:00 - Intro & Slides 5:05 - Setup HTML & Base CSS 7:50 - Create a Flexbox Container 8:20 - Float Example 9:49 - Justify Content 11:05 - Align Items 11:39 - Align Self 12:50 - Flex Direction & Column 15:15 - Centering Elements 16:32 - Flex Wrap 17:39 - Order 18:37 - Flex Basis 19:30 - Flex Grow 22:13 - Flex Shrink 23:58 - Flex Property 25:40 - Flexbox Layout Project

Кадры из видео
Flexbox Crash Course 2022
Flexbox Crash Course 2022
Flexbox Crash Course 2022
Flexbox Crash Course 2022
Тэги из видео
Комментарии пользователей:
Jon Vendas
2022-10-04 14:39:58

thank you man

Ishan Rastogi
2022-10-02 14:04:04

The best flexbox video I have ever seen. I had no idea that it was that easy. You are really amazing as teacher.

llama SHORTS
2022-09-30 19:13:25

Which Live Server extension are you using? There seem to be several - any recommendations as to which one is best? Also, any particular reason for using margin-left on li navigation element instead of the gap function for spacing?

Arpit Mishra
2022-09-30 10:40:44

Thankyou This video on Responsive layout with flexbox is so helpful.

Armand Mugabo
2022-09-29 23:59:47

awesome content

anuraj ms
2022-09-28 21:12:10

thank you

M.R.Crowley
2022-09-26 18:49:48

Thank you for making this. It's exactly what I needed, where I am on my learning path.

Park Musni
2022-09-26 11:45:52

Thank you! The display: block; at the end made me feel stupid lmao

Brandon Knight
2022-09-26 03:15:08

Thank you for doing this. Very helpful to explain and then demo it in a realistic application.

Peres 955
2022-09-21 20:12:32

Thank you for tutorial! :)

Steven Wisniewski
2022-09-21 13:08:12

Thanks for this. Was really struggling with flex-basis, flex-grow etc.

Manohar Une
2022-09-17 15:15:09

Thanks mate!
It was a great video. cheers 🍻

Jose Oliveira
2022-09-16 08:44:02

Loved the video! Without a doubt the best Flexbox tutorial! Keep up the great content 👏👏

Rok Slana
2022-09-14 11:10:46

Super nice introduction to flex and an insight into your css. Learned some VS tricks along as well. Great content, again. Thank you for sharing!

amer haadiaan
2022-09-12 16:08:50

font vs code name?

kenxin Hxc
2022-09-12 13:17:07

I just finished your grid crash course

Soumyajit Sarkar
2022-09-11 19:55:55

Amazing Explanation, most comprehensive online tutorial for Flexbox. Appreciate it Sir!

Leeroy Graycat
2022-09-10 19:59:59

Attempted to figure out how to download the .svg file... made an account exported it, extracted the folder, and not sure what to do from there. The extracted folder is also set to not allow deletion.

Mell A.I.
2022-09-10 00:32:43

I really appreciate that you are doing these videos. You can't imagine how helpful they are. Your explanations are always clear and straight to the point. You are a great teacher! Thank you, you've helped me (and not only) a lot!

Что ищут прямо сейчас
FULL Rp jon bams CorelDRAW X6 MARCH udyr combo guide poner musica en discord info jambore nasional lag fix in frag pro Cemu настройка archeage 1.2 фантом гайд bdo fishing guide M1llionz drill bordo de xochiaca covid sun red build forza horizon 5 скачать мав'изалар nioh 2 dreaming demon syura badron ig Orange Juice nadan aviyal
Похожие видео
02.03.2022
CSS Grid Crash Course 2022

CSS Grid Crash Course 2022

16.12.2021
Learn flexbox the easy way

Learn flexbox the easy way

07.09.2022
3 Alternatives for Heroku's Free Tier - Full Stack & API Hosting

3 Alternatives for Heroku's Free Tier - Full Stack & API Hosting

13.01.2018
JavaScript Higher Order Functions & Arrays

JavaScript Higher Order Functions & Arrays

23.02.2022
Learn Web Development and Actually Get a Job

Learn Web Development and Actually Get a Job

25.03.2022
Three.js personal portfolios are amazing...

Three.js personal portfolios are amazing...

07.01.2022
Web Development In 2022 - A Practical Guide

Web Development In 2022 - A Practical Guide

03.10.2022
Create a Desktop App With JavaScript & Electron

Create a Desktop App With JavaScript & Electron

05.02.2018
Build a Responsive Grid CSS Website Layout From Scratch

Build a Responsive Grid CSS Website Layout From Scratch

27.05.2022
Python In The Browser! PyScript First Look

Python In The Browser! PyScript First Look

02.03.2022
The Worst Programming Language Ever - Mark Rendle - NDC Oslo 2021

The Worst Programming Language Ever - Mark Rendle - NDC Oslo 2021

08.12.2016
Flexbox CSS In 20 Minutes

Flexbox CSS In 20 Minutes

06.04.2022
I built 10 web apps... with 10 different languages

I built 10 web apps... with 10 different languages

02.07.2021
Flexbox vs. CSS Grid: Which Should You Use and When?

Flexbox vs. CSS Grid: Which Should You Use and When?

06.06.2022
GraphQL Crash Course With Full Stack MERN Project

GraphQL Crash Course With Full Stack MERN Project

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

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