Learn Flexbox in 15 Minutes

785245
703
26597
27.09.2018
Web Dev Simplified

Web Dev Simplified

78675682
1070000
501
24.05.2018
US
Описание видео:

🚨 IMPORTANT: Learn CSS Today Course: 🤍courses.webdevsimplified.com/learn-css-today In this video we will cover everything you need to know about CSS flexbox in only 15 minutes. We will cover what flexbox is, how flexbox works, and the different properties you can use to layout and style your flexbox containers. Flexbox is one of the most important and useful layout properties in all of CSS, and is luckily quite easy to understand once you wrap your head around the terminology. We will be covering all of the terminology, by going through live examples of all the different flexbox properties. If there is anything you feel I missed in discussing flexbox, or anything about flexbox that confused you, please let me know in the comments below. View CodePen: 🤍codepen.io/WebDevSimplified/pen/rqNVVb CSS Flexbox Article: 🤍blog.webdevsimplified.com/2021-11/flexbox 🌎 Find Me Here: My Blog: 🤍blog.webdevsimplified.com My Courses: 🤍courses.webdevsimplified.com Patreon: 🤍🤍patreon.com/WebDevSimplified Twitter: 🤍twitter.com/DevSimplified Discord: 🤍discord.gg/7StTjnR GitHub: 🤍github.com/WebDevSimplified CodePen: 🤍codepen.io/WebDevSimplified #Flexbox #WebDevelopment #Programming

Кадры из видео
Learn Flexbox in 15 Minutes
Learn Flexbox in 15 Minutes
Learn Flexbox in 15 Minutes
Learn Flexbox in 15 Minutes
Тэги из видео
Комментарии пользователей:
Shaun Hayward
2022-10-03 05:54:36

Brilliant tutorial. Clearest explanations I've seen. Thank you!

Paul-Sebastian Manole
2022-10-02 16:48:10

When showing the axes, I think it's worth mentioning their origins as well. In row direction, I believe it's top left. Right? And in column direction, does it rotate to the right 90º or does it stay fixed?

Quadir Nisar
2022-10-02 09:39:33

fYq5PXgSsbE&t=1m00s 1:00 Getting Started on flex-container
fYq5PXgSsbE&t=2m24s 2:24 Concept of Main Axis and Cross Axis
fYq5PXgSsbE&t=3m20s 3:20 Why layout styling should be based on Main, Cross Axis not based on horizontal or vertical
fYq5PXgSsbE&t=3m30s 3:30 Laying out elements on Main Axis
fYq5PXgSsbE&t=4m30s 4:30 Laying out elements on Cross Axis
fYq5PXgSsbE&t=4m47s 4:47 Keeping the size of an item / element
fYq5PXgSsbE&t=5m15s 5:15 Last way to align item / element
fYq5PXgSsbE&t=5m31s 5:31 flex-wrap
fYq5PXgSsbE&t=5m44s 5:44 align-content property
fYq5PXgSsbE&t=6m59s 6:59 Column layout
fYq5PXgSsbE&t=7m56s 7:56 Different properties can be applied on flex items
fYq5PXgSsbE&t=8m25s 8:25 Prevent flex item on shrinking size
fYq5PXgSsbE&t=8m43s 8:43 Grow flex items bigger
fYq5PXgSsbE&t=11m33s 11:33 Overriding Cross Axis Alignment
fYq5PXgSsbE&t=12m15s 12:15 Order property
fYq5PXgSsbE&t=13m01s 13:01 Why order property should be avoided
fYq5PXgSsbE&t=13m49s 13:49 Things to remember
fYq5PXgSsbE&t=14m19s 14:19 Shorthand for flex-shrink, grow and basis

Aed Maver
2022-09-30 12:35:48

this topic can't be presented better that this ... Outstanding Work

Megan Schuurman
2022-09-30 03:21:11

This man posted this four years ago and is still saving lives today

Let The Son Shine
2022-09-29 20:00:06

I literally typed in everything the same way u had and got a different result lol

Vasavi Juvvigunta
2022-09-28 12:20:28

hi, how did you get the heading on top as Flexbox container?

grimandflinwow
2022-09-27 12:21:30

Probably the best Flexbox video i've ever seen. It's the one i keep coming back to time and time again. thank you so much <3

Ankit Dharsandiya
2022-09-27 07:22:36

great tutorial.....thank you

Tewelde Abraha
2022-09-27 03:20:03

wow. i’m speechless.

Kind Of Akash
2022-09-25 23:56:27

Massive W of a video,Thank You sm

L J
2022-09-22 09:42:58

Kyle, love watching your stuff, you make it so easy....but......please say show the background styles and let us see how you show the axis....I find that a big part of my learning....thanks

gamer gamer
2022-09-21 19:46:29

Thank youu so much i was siting on a school project so long trying to understand flex and you helped me so much subd (sr bad english )

Bessie Hillum
2022-09-19 18:45:58

One thing that instantly fires the imagination is to be able to drag-n-drop UI elements using flexbox ?

chun kwan chan
2022-09-17 09:23:38

amazing

Lazy Turtle Hostel
2022-09-13 17:36:34

best tutorial on flexbox my friend

Margarita Esteves
2022-09-12 16:45:22

yo man its so usefull

PRAJWAL Negi
2022-09-12 14:23:14

Bro that all that in 15 mins that my teachers can't explain in 1 hr lecture for 3 weeks

sri harsha sai
2022-09-12 13:15:09

I got my doubt solved thanx bro

Что ищут прямо сейчас
циклорама в фотостудии что это hero's hour release advanced level general english замена грм лада гранта garry's mod realism mods joji lofi gimme love mencari jelli gaules imperial cs manga recs kickoff BadGamer indoor crawler Compplayer bevel APN gojek gacor JAPAN vs CHINA Self Defense Skill apprendre premiere pro ark survival evolved остров артефакты Bare Knuckle Boxing
Похожие видео
26.10.2018
Learn CSS Grid in 20 Minutes

Learn CSS Grid in 20 Minutes

15.01.2021
I Challenged The CSS King To A CSS Battle

I Challenged The CSS King To A CSS Battle

22.12.2020
A Complete Guide to Flexbox in Tamil | Advance CSS Tutorial | Learn Flex Box in CSS Tamil 35 Minutes

A Complete Guide to Flexbox in Tamil | Advance CSS Tutorial | Learn Flex Box in CSS Tamil 35 Minutes

08.06.2019
Learn HTML Forms In 25 Minutes

Learn HTML Forms In 25 Minutes

23.03.2019
Learn Flex-box layout in 15 minutes |  CSS Flex Basics tutorial

Learn Flex-box layout in 15 minutes | CSS Flex Basics tutorial

19.02.2021
5 Must Know JavaScript Features That Almost Nobody Knows

5 Must Know JavaScript Features That Almost Nobody Knows

08.06.2019
What Is Recursion - In Depth

What Is Recursion - In Depth

27.09.2019
Learn CSS Units In 8 Minutes

Learn CSS Units In 8 Minutes

16.12.2021
Learn flexbox the easy way

Learn flexbox the easy way

04.06.2019
How To Know Yourself

How To Know Yourself

02.07.2020
Learn Every CSS Selector In 20 Minutes

Learn Every CSS Selector In 20 Minutes

16.08.2021
5 simple tips to making responsive layouts the easy way

5 simple tips to making responsive layouts the easy way

06.09.2022
6 Advanced Flexbox Features You Probably Don’t Know

6 Advanced Flexbox Features You Probably Don’t Know

23.10.2020
Learn CSS Animation In 15 Minutes

Learn CSS Animation In 15 Minutes

08.04.2021
Do you understand how Flexbox does what it does?

Do you understand how Flexbox does what it does?

29.04.2019
Learn CSS Position In 9 Minutes

Learn CSS Position In 9 Minutes