Once you’ve learned Flexbox, you’ll wonder how you ever managed to build websites without it. This course gets you up to speed as quickly as possible. You can take the interactive version of the course here: https://scrimba.com/g/gflexbox
Flexbox gives you all the tools you needed in order to properly arrange content inside flexible containers. Given that all websites need to be flexbile and responsive these days, Flexbox is a must-have skill for web developers.
The course contains the following:
– Your first Flexbox layout
– Main axis and cross axis
– Justify Content
– Positioning items
– The flex property
– Align items
– Flex direction column
– Wrapping
– Flex grow, shrink
– Order
– Creating a responsive Navbar
– Creating a Flexbox image grid
You can connect with the course creator Per Harald Borgen via Twitter: https://twitter.com/perborgen
—
Learn to code for free and get a developer job: https://www.freecodecamp.com
Read hundreds of articles on programming: https://medium.freecodecamp.com
And subscribe for new videos on technology every day: https://youtube.com/subscription_center?add_user=freecodecamp
source
I really wish i could see the basic.css syntax for bonus lesson 11. No matter what I do, the input field wont look like the other list items..
00:49 – Divs nested in NAV
11:29 – Divs nested in DIV
Im lost
when i first started learning HTML & CSS, i had no problem. FlexBox, though, was so hard to understand for me. Maybe because i was 14, but i really had a hard time understanding it for some reason. This was the last Flexbox video i've watched.
i got a question：if align items is to be applied to all flex items and align-self to a specific flex item， for which element will these CSD properties be applied to？
Man sounds like Ben Shapiro who started programming
I understood the majority of the flex property before, but I was confused with the whole grow/shrink values. This is by far the best explanation. Thanks!
This lecture is a proof of how some other guys out there tend to make things super complicated. Thank you !
Very easy and I like your style of teaching thank you!!!
8.
Finished!
Thank youuuu!
best css flexbox tutorial ever!
Great job .Fantastic content .keep it up .
This was very good, huge Like
There is a significant delay in the flex direction chapter (19:18). Due to this delay, a recognizable portion of the chapter is cut.
this guy is great
I love flex box
I copied all the code, but in Chapter 11 – Creating a responsive navigation bar-, what should I change in the basic.css file, because the result is different from yours. Thanks !
Hi, what editor do you use that the changes in code are directly shown in browser? thx
Great tutorial!
The best video for FLEXBOX
Hi, Per. I needed a moment and I got this to write. Awesome video for those that-need -to-know. Peace: )
Thank you again freeCodeCamp. Amazing video!
Thank you.
i was today years old when i realised pressing the number keys on your keyboard navigate to the timestamps/chapters looooll
Bewkoof insaan km te km code to pura dikhade😡😡🤬🤬
Don't waste your time to watch such a foolish video🤬
Nice vid! Flexbox is key. One of the most important 3 features of CSS. And without CSS you cant do nothing on the web.
Hi, could you guide me about the basic.css file modifications before explaining Index.css at 38:59. I am unable to apply CSS to Search, rest i have managed.
how do you give the input search that style?
nice
nice
nice
nice
nice
14:58 i used
.home,
logout {
flex: 2;
}
and it gave me the same result .