Learn Flexbox in 20 Minutes - Flexbox Tutorial
53,546 views
About :
???? Get your free ebook on good practices with HTML and CSS: https://www.horadecodar.com.br/ebook-... ★ Our Courses: https://www.horadecodar.com.br/cursos... What is #Flexbox? First, I would like to present some theoretical concepts about Flexbox, which are very important for understanding the whole Flexbox is a value of the #CSS display property, that is, an addition of functionality to this old property Like the other display values, flex will modify the way the elements are displayed In addition, we will always be placing this property in the parent element to affect the child elements We need to create a kind of container to wrap other elements and be able to work with flex And there is still an interesting particularity of Flexbox, which always conditions its elements to a direction By default, the elements are arranged in a row, but we can change it to the columnar arrangement (column) as well How to add flex to CSS? As previously mentioned, we need to encapsulate elements to a parent element. Applying the display property with flex to this element About the Flexbox container We can apply positioning rules to both the parent element and the child elements. First, we will learn how to change the layout from the parent element, and then we will see the individual rules. As you already understood, the layout pattern is in rows, but we can change it to columns. With the flex-direction property, the default value is row and we can put column. There are cases where this formatting better suits our elements, and it is very similar to the behavior of divs without flex. Let's now remove the columnar layout and continue talking about other flex rules. Alignment with Flexbox We can align items horizontally and also vertically. For horizontal alignment, we will use justify-content, with this rule we have some possibilities. ???? Telegram: https://t.me/horadecodar . ???? Discord Hora de Codar: / discord
1,051,997 views 3 days ago
248,102 views 2 days ago
845,900 views 3 days ago
876,763 views 2 days ago
275,000 views 2 days ago
876,763 views 2 days ago
496,145 views 1 day ago
1,051,997 views 3 days ago
Chicken Skewers VS Hotdogs in 24 Hours!! How Many Can You Eat at Once to Get Full?! (Skewer Warning)
864,371 views 12 days ago
496,145 views 1 day ago
Google AdSense
336 x 280
336 x 280
Up Next
세이타로 𝐒𝐚𝐲 𝐓𝐚𝐫𝐨𝐭
59,532 views
7 days ago
7 days ago
이퓨타로
23,728 views
6 days ago
6 days ago
타로벨린 TAROT BELLINE 🌷
22,225 views
4 days ago
4 days ago
루타로
7,989 views
2 months ago
2 months ago
타로시앤Tarot Sianne
16,483 views
5 days ago
5 days ago
킴박타로ㅣ끌어당김 마인드
19,076 views
2 weeks ago
2 weeks ago
다복타로
33,201 views
8 days ago
8 days ago
때지타로
94,847 views
1 month ago
1 month ago
Schmiedeglut -Messer leidenschaftlich weiterdenken
432,953 views
7 years ago
7 years ago
Schmiedeglut -Messer leidenschaftlich weiterdenken
69,590 views
6 years ago
6 years ago
Schmiedeglut -Messer leidenschaftlich weiterdenken
150,450 views
6 years ago
6 years ago
CornCraft Knives
138,180 views
7 years ago
7 years ago
Schmiedeglut -Messer leidenschaftlich weiterdenken
43,724 views
5 years ago
5 years ago
HauiArt
52,159 views
10 years ago
10 years ago
Schmiedeglut -Messer leidenschaftlich weiterdenken
86,809 views
4 years ago
4 years ago
Schmiedeglut -Messer leidenschaftlich weiterdenken
238,290 views
7 years ago
7 years ago
HauiArt
38,228 views
6 years ago
6 years ago
HauiArt
258,019 views
9 years ago
9 years ago
Google AdSense
336 x 280
336 x 280