VehiclesFashionRecipesBlogsHuntTravelsSportFunHandmadeITEducation
Mini-Games
x

x
zakruti.com » IT - Software » freeCodeCamp.org
CSS Flexbox Course

CSS Flexbox Course

FBTwitterReddit

video description

Rating: 4.0; Vote: 1
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
Date: 2022-03-14

Comments and reviews: 10


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.
reply

Could not get it to do 41:17 with the flex: 1 1 50%; command. Could get it to work that way by using 30% instead of 50%. Only 2 elements would stack on each row that way, not 3 like you would suspect, since 30% fits 3 times inside 100%.
reply

Thank you so much, i have been struggling with div and flexbox for a couple of days now i kept searching for materials until i found this particular one and it has solved all my concerns. Thanks!
reply

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 !
reply

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!
reply

20:56 There's no need to put the height of the HTML and body as 100%. The code will work even if we don't put the height of HTML and body as 100%
reply

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..
reply

There is a significant delay in the flex direction chapter (19:18). Due to this delay, a recognizable portion of the chapter is cut.
reply

i was today years old when i realised pressing the number keys on your keyboard navigate to the timestamps/chapters looooll
reply

Amazing stuff. i want to know how did you styled -search- input such that there's no border and only an underline in its place.
reply
Add a review, comment






Other channel videos