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!
The idea of thinking in terms of axis really helped me grasp how different flex properties affect the items based on the flex-direction value of the container (default or not).
Man, i dont know who you are, but at the age of 35, i only started learning code. Im struggling with flexbox for a while now, and you made it so clear its amazing! Thanks a lot.
You don't Know How Happy Am I !!! I have been learning Css Flexbox for three Days But Didn't Understand anything but this tutorial Solved my all problems you are better than some of the Udemy Courses
i had this video in offline and i got it from a fellow classmate and after watching this video i thought that you deserved a like because this tutorial is just amazing thank you so much for creating this tutorial so i came on YOutube and tracked down this video just so i can press that like button
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!
You realy helped me here, havent see others explaing the case about the need of putting flex:1 if we want one item to take more width, without declaring flex to the other items... also the css declararation specification was a good reminder , thank you ❤️
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.
TQVM for this. It is well organised & presented. We are guided through the lesson examples with clear explanations and in an easy to understand manner. I especially like the interactive scrimba version where we get to do instant practice. I highly recommend this video!!
This was really helpful, thank you! It was good to see how the grid moved with the different examples, which I hadn't quite understood when doing the exercises for the CSS Grid and Flexbox challenges. Thanks so much!
This is a great course, but I wish you would have linked your code for the second CSS stylesheet "basis". Its hard to match up what you are doing if we don't know what's going on behind the scenes there (I'm a beginner). Otherwise, great course.
I second that. How did you get each div a different color? In addition, when i set my container class height to 100%, it stretches to the bottom of the screen. My content looks nothing like yours.
this CSS Flexbox course, you will learn how to use Flexbox, a powerful layout model in CSS, to create flexible and responsive web designs. Flexbox is an essential skill for front-end web developers, as it simplifies the process of building complex layouts and aligning items within a container. Course Outline: Introduction to Flexbox: Understanding the concept of Flexbox and its advantages Exploring the Flex container and Flex items Learning the main axis and cross axis in Flexbox Flexbox Container Properties: display: flex; and display: inline-flex; flex-direction: row, row-reverse, column, column-reverse flex-wrap: nowrap, wrap, wrap-reverse justify-content: flex-start, flex-end, center, space-between, space-around, space-evenly align-items: flex-start, flex-end, center, baseline, stretch align-content: flex-start, flex-end, center, space-between, space-around, stretch Flexbox Item Properties: flex-grow, flex-shrink, and flex-basis flex: shorthand for flex-grow, flex-shrink, and flex-basis order: changing the order of Flex items align-self: overriding alignment for individual Flex items Flexbox and Responsive Design: Creating responsive layouts with Flexbox Using media queries to adapt Flexbox behavior on different screen sizes Building responsive navigation bars and content grids Flexbox Techniques and Design Patterns: Equal-height columns with Flexbox Vertical centering of content Sticky footers and off-canvas menus Card layouts and media objects Combining Flexbox with CSS Grid: Integrating Flexbox and CSS Grid to build powerful layouts Leveraging the strengths of both layout models Cross-Browser Compatibility and Vendor Prefixes: Understanding browser support for Flexbox Using vendor prefixes for older browser versions Best Practices and Performance Considerations: Writing clean and maintainable Flexbox code Performance tips for optimizing Flexbox layouts Throughout the course, you will work on hands-on exercises and real-world projects to solidify your understanding of Flexbox and how to use it effectively in your web development workflow. By the end of this CSS Flexbox course, you will have mastered Flexbox and gained the skills to create dynamic, flexible, and visually appealing layouts for your web projects.
For Lecture 11, "Bonus - Reponsive Navbar", did you do any styling in basis.css for the ul and li? For example, set "list-style-type" to "none" for li? Can you share? Thanks!
Well it's seems he used "list-style-type:none". But i want to know how did he styled "search" input such that there's no border and only an underline in its place.
Man, sorry I even do not know your name, Big Big thanks to you, and a lots of prosperity for your unbelievably cool lessons! You said there is lessons about CSS Grid, where I can find the link? Thanks in advance!
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%.
Even when I don't include "height: 100%;" in the basic.css file under the html, body tags the page is still responsive for me. As long as I have "height: 100%;" in my container selector within the index.html file. I am confused why it's working for me when he keeps saying in the video that it won't work. By the way, amazing video. Thank you so much!
ال Flexbox::: هي تقنيه جديدة تجعل من السهل تصميم هيكل متجاوب responsive. ولها عدة خصائص ولل item التي بداخلها خصائص ايضا خاصه بها.... بسيطه جدا :- ال خصائص للflexbox : 1/ flex-direction : column او column-reverse ; يطبع بشكل عمود او بالعكس او القيمه الثانيه flex-direction : row او row-reverse بشكل صف او صف معكوس 2/ flex-wrap :wrap او nowrap اي بالتفاف او بدون التفاف لل item. 3/ flex-flow وهي اختصار لقيم الخاصيتين السابقة. الخصائص الباقيه 4و5و6 خاصه بالموقع والترتيب . 4/ justify-content : القيم التي تاخذها كالتالي a. center; توسيط b. flex-start; سحب للبدايه c. flex-end; سحب للنهايه d. space-between; فراغات الموجودة تقسم بالتساوي بين العناصر فقط اما جهه الجدار تكون ملاصقه وبدون فراغ . e. space-around; المسافه الموجودة تقسم بالتساوي بسن العناصر من الجهتين يسار ويمين . 5/ align-items: هي خاصيه لضبط موقع وتموضع العناصر داخل اطار فليكس بوكس بشكل عمودي فقط ولها عدة قيم: a. center توسيط b. flex-start في البدايه c. flex-end في النهايه d. streach تمدد طولي e. baseline على خط واحد مهما اختلفت احجام العناصر. 6/ align-content: هذي الخاصيه نفس الخاصيه رقم اربعه justify-content غير انها معنيه بمحاذاة المسافه بين السطور الجديدة المتولدة عند التفاف العناصر بسبب صغر حجم الشاشه وهكذا اي انها خاصه بالاسطر line بين العناصر والقيم التي تحتويها هذة الهاصيه نفس القيم للخاصيه : justify-content . ثانيا: الخصائص للitemبداخل اطارflexbox :- هذه الخصائص تكتب في style بداخل العنصر نفسه ويعتبر الitem بداخل اطار الفليكس بوكس ك الابن الاول الاساسي Base Child وجميع الابناء الاساسيون داخل اطار الفليكس بوكس يحصل لهم flex بشكل اتماتيكي . The flex item properties : 1. order: بهذه الخاصيه تستطيع اعادة ترتيب موقع العناصر بدون نقلها بنفسها وإنما تكتب رقم ترتيبها الجديد مثل تنقل العنصر الرابع الى الموقع الاول وهكذا... 2. flex-grow : تكتب فيها قيمه لعدد المرات التي تريد ان يتضاعف حجم العنصر بالنسبه للعناصر الباقيه 3. flex-shrink: عند وجود عناصر كثير فإنها تتقلص داخل الاطار الذي يحتويها لذلك بهذه الخاصيه تستطيع اعطاها القيمه "صفر" لمنع العنصر المحدد من التقلص ولكي يبقى على حجمه الاعتيادي. 4. flex-basis: 200px; تعني القيمه الابتدائيه يجب ان تكون 200 بكسل ولا تقل عنها ولكن ممكن تزيد عنها هذي الخاصيه تعطي شرط بان لايقل حجم العنصر المختار عن القيمه المعطاه. 5. flex هي اختصار لقيم الخصائص السابقهلكي تكتب القيم على طول بالترتيب السابق . قيم فقط. 6. align-self: center او flex-start او flex-end هذي القي الثلاثه التي تاخذها وعملها هو خاص بعنصر من عناصر اطار الفليكس بكس وذلك لتنظيم موقعه وتموضعه داخل الاطار هل هو اعلى ام في المنتصف او اسفل وهكذا...... شكرا جزيلا.
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？
@@georgekingiv8171 yes this is one of the style. {Border: transparent Border-top-style: hidden Border-left-style: hidden Border-right-style: hidden Border-bottom-style: grooved } Using pseudo element :: Placeholder { Color: #ffff }
what should i do when i want that on small screen only 1 link in row i have and on medium screen 2 and on large all link? or should i must use col-sm, col-md, col-lg is there any generic way that my data adjust it self on all screen from small to large and also size of text should be made small or large according to the screen width and height
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 , in lecture 8, you mentioned about container is 900px in width , and then you said it went from 900px to 600px after wrapping? you didn't specify the container width., please clarify thanks ;)
0:00 -Your first Flexbox layout
2:04 - Main axis and cross-axis
3:55 - Justify Content
6:22 - Positioning items
10:00 - The flex property
15:01 - Align items
19:09 - Flex direction column
23:09 - Wrapping
25:15 - Flex grow, shrink, basis
34:01 - Order
37:09 - Creating a responsive Navbar
42:42 - Creating a Flexbox image grid
Mustafa Mahmud You’re welcome
Thanks
Thanks
Thank you!
What is use of li in container at 42 min?
The flex-shrink, flex-grow, and flex-basis explanations and examples really helped. 26:00 for those that want to skip to that section.
Exactly. Was looking for this info in this video :)
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!
The idea of thinking in terms of axis really helped me grasp how different flex properties affect the items based on the flex-direction value of the container (default or not).
Man, i dont know who you are, but at the age of 35, i only started learning code. Im struggling with flexbox for a while now, and you made it so clear its amazing! Thanks a lot.
Your voice is so clear to hear that it becomes so easy to understand.
You don't Know How Happy Am I !!! I have been learning Css Flexbox for three Days But Didn't Understand anything but this tutorial Solved my all problems you are better than some of the Udemy Courses
This was the best flexbox explanation I've ever seen
Wow... Extremely well organized and presented and very clear and precise explanations. Thank you!
All of Per's courses are like this. Very well done and interactive
i had this video in offline and i got it from a fellow classmate and after watching this video i thought that you deserved a like because this tutorial is just amazing thank you so much for creating this tutorial so i came on YOutube and tracked down this video just so i can press that like button
I've been trying to understand Flexbox from different resources and this one stood out, for sure!! Thank you for the great content!
This lecture is a proof of how some other guys out there tend to make things super complicated. Thank you !
I was reading flex box documentation but this video helps me to understand flex box more quickly
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!
You realy helped me here, havent see others explaing the case about the need of putting flex:1 if we want one item to take more width, without declaring flex to the other items... also the css declararation specification was a good reminder , thank you ❤️
All doubts cleared! I now have a better understanding of flexbox. Honestly, this is the best tutorial for flexbox on UA-cam.
before this tutorial i was really confused about flexbox..this cleared all my doubts
"Hey!" at the begining of seach section. :) I like it
i don't understand English so much but your speaking so easy to learn.Thank you sir
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.
Still the best video on flex box 6 years later
Dude, this explanation is just great. Very clear and efficient! Subscribed to the channel after this video. Thank you.
Audio and video are out of sync in Lecture 7.
Great video though!
I was looking for a comment about this :D
Glad you mentioned 'Lecture 7'. I was about to just close this video thinking the remaining would also be out of sync.
@@conaxliu9677 I was about to close thinking my HomePod is out of sync :-D
@@bqrkhn Maybe it is. 😆
Thank you freecodecamp for doing this course as a video :)
i Think You Know Tamil
@@rishigovindhan4619 yeah I know :)
Best teacher for anything HTML or CSS related by far!
Nice vid! Flexbox is key. One of the most important 3 features of CSS. And without CSS you cant do nothing on the web.
What are the rest two ?
Freecodecamp is teaching freeof cost...u people doing a great job...
1. (0:01) - Your First Flexbox Layout
2. (1:57) - Main Axis and Cross Axis
3. (3:54) - Justify Content
4. (6:20) - Positioning Items
5. (9:24) - The Flex Property
The best video for FLEXBOX
i was today years old when i realised pressing the number keys on your keyboard navigate to the timestamps/chapters looooll
I have never seen before so many ads in one such short movie
Is it the same with my vid?
Bite-sized lectures really do the job. Very well presented and explained. Thumbs up!
TQVM for this. It is well organised & presented. We are guided through the lesson examples with clear explanations and in an easy to understand manner. I especially like the interactive scrimba version where we get to do instant practice. I highly recommend this video!!
the resolution of yours video is not clear...please for the next course correct it...thanks bcos you done great job...Be bless...
This was really helpful, thank you! It was good to see how the grid moved with the different examples, which I hadn't quite understood when doing the exercises for the CSS Grid and Flexbox challenges. Thanks so much!
I ran through grids and flexbox at a stretch and forgot most of it, So here I am
14:04 I did it in other way:
.home, .logout{
flex:2;
}
It will also work if you put flex:1
I think it would be better to say flex-basis sets the size along the main axis, which in a row is the width and in a column is the height.
Hi, Per. I needed a moment and I got this to write. Awesome video for those that-need -to-know. Peace: )
Didn't feel like 48 minutes at all! Thanks a lot for this tutorial!
This is a great course, but I wish you would have linked your code for the second CSS stylesheet "basis". Its hard to match up what you are doing if we don't know what's going on behind the scenes there (I'm a beginner). Otherwise, great course.
I second that. How did you get each div a different color? In addition, when i set my container class height to 100%, it stretches to the bottom of the screen. My content looks nothing like yours.
He showed the CSS code at the start of the video. You should be able to copy it in a couple of minutes.
The flex property 13:05
Thank you again freeCodeCamp. Amazing video!
one of the best explanation ever, thank you
I've came across this course recently, thanks a lot !!!
A perfect video to completely understand flex. Thanks for it.
First video i saw on scrimba, its great, u have great voice
Per Harald Borgen is an amazing teacher! Thanks!
Heyyy!!! Indeed he is.
it was amazing i didn't have any clue in Flexbox but after learning this tutorial i'm fine now
I have landed the right video for "flexbox".
Clear explanation and great examples.
Thank you freecodecamp :)
Wow. Simply wow. So well organised and presented. Loved it. Thank you for the awsome content.
this CSS Flexbox course, you will learn how to use Flexbox, a powerful layout model in CSS, to create flexible and responsive web designs. Flexbox is an essential skill for front-end web developers, as it simplifies the process of building complex layouts and aligning items within a container.
Course Outline:
Introduction to Flexbox:
Understanding the concept of Flexbox and its advantages
Exploring the Flex container and Flex items
Learning the main axis and cross axis in Flexbox
Flexbox Container Properties:
display: flex; and display: inline-flex;
flex-direction: row, row-reverse, column, column-reverse
flex-wrap: nowrap, wrap, wrap-reverse
justify-content: flex-start, flex-end, center, space-between, space-around, space-evenly
align-items: flex-start, flex-end, center, baseline, stretch
align-content: flex-start, flex-end, center, space-between, space-around, stretch
Flexbox Item Properties:
flex-grow, flex-shrink, and flex-basis
flex: shorthand for flex-grow, flex-shrink, and flex-basis
order: changing the order of Flex items
align-self: overriding alignment for individual Flex items
Flexbox and Responsive Design:
Creating responsive layouts with Flexbox
Using media queries to adapt Flexbox behavior on different screen sizes
Building responsive navigation bars and content grids
Flexbox Techniques and Design Patterns:
Equal-height columns with Flexbox
Vertical centering of content
Sticky footers and off-canvas menus
Card layouts and media objects
Combining Flexbox with CSS Grid:
Integrating Flexbox and CSS Grid to build powerful layouts
Leveraging the strengths of both layout models
Cross-Browser Compatibility and Vendor Prefixes:
Understanding browser support for Flexbox
Using vendor prefixes for older browser versions
Best Practices and Performance Considerations:
Writing clean and maintainable Flexbox code
Performance tips for optimizing Flexbox layouts
Throughout the course, you will work on hands-on exercises and real-world projects to solidify your understanding of Flexbox and how to use it effectively in your web development workflow.
By the end of this CSS Flexbox course, you will have mastered Flexbox and gained the skills to create dynamic, flexible, and visually appealing layouts for your web projects.
"Heyyyyyyyy" I love it :D
FreeCodeCamp is awesome, I am becoming a big fan hahahha
greatest flexbox vedio watched till today. hats off to you sir
What IDE is being used? It's super clean.
Brackets, it's a code editor.
Thank you freecodecamp. Thanks to you I learn something new every day.!
Excellent video, this really helped finally get it.
Awesome video. Sir, some time i'm unable to maintain image size. So please make a video for maintaining different size of inage.
freeCodeCamp forever
Greeting Sir,
Excellent explanation
Sir saw lot of tutorials but you are the best.
no words to thank you
All videos online are just like read the docs on video, real life projects are much hard and complex!
please can you tell me what text-editor or HTML Editors / Testers you use?
It looks like Brackets.
There is a significant delay in the flex direction chapter (19:18). Due to this delay, a recognizable portion of the chapter is cut.
For Lecture 11, "Bonus - Reponsive Navbar", did you do any styling in basis.css for the ul and li? For example, set "list-style-type" to "none" for li? Can you share? Thanks!
Well it's seems he used "list-style-type:none".
But i want to know how did he styled "search" input such that there's no border and only an underline in its place.
@@arpitj07_ border: none;
outline : none;
Such a clear and well-explained tutorial. Thank you very much for your hard work!
how do you give the input search that style?
Well explained.
Love the way the content creator present things!
9.99 out of 10....he he he
+0.01, 10/10
Man, sorry I even do not know your name, Big Big thanks to you, and a lots of prosperity for your unbelievably cool lessons!
You said there is lessons about CSS Grid, where I can find the link? Thanks in advance!
best css flexbox tutorial ever!
One of the best video tutorial to get started with flexbox. Thank you so much :)
I really enjoyed that video, I think you have explained flex box very well!
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%.
In 18:18 how is he able to use the align property when the the flex-directon is row?
Amazing video, feelin' like a flexbox pro!
Thanks a lot for this 🙏🙏 tutorial. Very organized content & superb explanation 🔥🔥🔥
Pretty nice explanation! Made flexbox very clear to me..thanks!
Even when I don't include "height: 100%;" in the basic.css file under the html, body tags the page is still responsive for me. As long as I have "height: 100%;" in my container selector within the index.html file. I am confused why it's working for me when he keeps saying in the video that it won't work.
By the way, amazing video. Thank you so much!
Same
Impressive job, awesome audio, loved the Grid course to, very interactive, its just like a tutorial for dummies, pardon me but in video format.
This video just saved my life.
Last night a DJ saved my life
ال Flexbox::: هي تقنيه جديدة تجعل من السهل تصميم هيكل متجاوب responsive.
ولها عدة خصائص ولل item التي بداخلها خصائص ايضا خاصه بها....
بسيطه جدا :-
ال خصائص للflexbox :
1/ flex-direction : column او column-reverse ; يطبع بشكل عمود او بالعكس
او القيمه الثانيه
flex-direction : row او row-reverse بشكل صف او صف معكوس
2/ flex-wrap :wrap او nowrap اي بالتفاف او بدون التفاف لل item.
3/ flex-flow وهي اختصار لقيم الخاصيتين السابقة.
الخصائص الباقيه 4و5و6 خاصه بالموقع والترتيب .
4/ justify-content : القيم التي تاخذها كالتالي
a. center; توسيط
b. flex-start; سحب للبدايه
c. flex-end; سحب للنهايه
d. space-between; فراغات الموجودة تقسم بالتساوي بين العناصر فقط اما جهه الجدار تكون ملاصقه وبدون فراغ .
e. space-around; المسافه الموجودة تقسم بالتساوي بسن العناصر من الجهتين يسار ويمين .
5/ align-items: هي خاصيه لضبط موقع وتموضع العناصر داخل اطار فليكس بوكس بشكل عمودي فقط ولها عدة قيم:
a. center توسيط
b. flex-start في البدايه
c. flex-end في النهايه
d. streach تمدد طولي
e. baseline على خط واحد مهما اختلفت احجام العناصر.
6/ align-content: هذي الخاصيه نفس الخاصيه رقم اربعه justify-content
غير انها معنيه بمحاذاة المسافه بين السطور الجديدة المتولدة عند التفاف العناصر بسبب صغر حجم الشاشه وهكذا
اي انها خاصه بالاسطر line بين العناصر والقيم التي تحتويها هذة الهاصيه نفس القيم للخاصيه : justify-content .
ثانيا: الخصائص للitemبداخل اطارflexbox :-
هذه الخصائص تكتب في style بداخل العنصر نفسه
ويعتبر الitem بداخل اطار الفليكس بوكس ك الابن الاول الاساسي Base Child
وجميع الابناء الاساسيون داخل اطار الفليكس بوكس يحصل لهم flex بشكل اتماتيكي .
The flex item properties :
1. order: بهذه الخاصيه تستطيع اعادة ترتيب موقع العناصر بدون نقلها بنفسها وإنما تكتب رقم ترتيبها الجديد مثل تنقل العنصر الرابع الى الموقع الاول وهكذا...
2. flex-grow : تكتب فيها قيمه لعدد المرات التي تريد ان يتضاعف حجم العنصر بالنسبه للعناصر الباقيه
3. flex-shrink: عند وجود عناصر كثير فإنها تتقلص داخل الاطار الذي يحتويها لذلك بهذه الخاصيه تستطيع اعطاها القيمه "صفر" لمنع العنصر المحدد من التقلص ولكي يبقى على حجمه الاعتيادي.
4. flex-basis: 200px;
تعني القيمه الابتدائيه يجب ان تكون 200 بكسل ولا تقل عنها ولكن ممكن تزيد عنها
هذي الخاصيه تعطي شرط بان لايقل حجم العنصر المختار عن القيمه المعطاه.
5. flex هي اختصار لقيم الخصائص السابقهلكي تكتب القيم على طول بالترتيب السابق . قيم فقط.
6. align-self: center او flex-start او flex-end هذي القي الثلاثه التي تاخذها
وعملها هو خاص بعنصر من عناصر اطار الفليكس بكس وذلك لتنظيم موقعه وتموضعه داخل الاطار هل هو اعلى ام في المنتصف او اسفل وهكذا......
شكرا جزيلا.
Thanks! I just added this as the Arabic translation of the description. At least, I think that is what this is.
hey, guys, his website is best for learning than youtube(same content flex box)
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？
Thank you for the content you provide. This is helping me turn my life around.
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.
I think by making {border: transparent;} 🤔
@@georgekingiv8171 yes this is one of the style.
{Border: transparent
Border-top-style: hidden
Border-left-style: hidden
Border-right-style: hidden
Border-bottom-style: grooved }
Using pseudo element
:: Placeholder {
Color: #ffff }
what is the difference in justify-content: left or right; and justify-content: start or end;
at 17:45 to center the button, why not use margin: auto?
Very informative and content is well explained.
Thank you very much. Keep posting such videos.
you are slamming, my man. tnx.
WOW, thank you so much, I thought that flexbox is a much more complex topic, but thanks to this video , I have learnt it In a day...
what should i do when i want that on small screen only 1 link in row i have and on medium screen 2 and on large all link?
or should i must use col-sm, col-md, col-lg is there any generic way that my data adjust it self on all screen from small to large and also size of text should be made small or large according to the screen width and height
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..
same here!!
Which editor with that immediate preview is being used? I like it.
I believe it’s Scrimba 👍
you sir, are an absolute hero
Yeah!!! You did a VERY NICE JOB!!! Congrats and Thank You so Much.👍👍👍👍
Excellent Video Very Very Thanks . I learned whole 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 ,
in lecture 8, you mentioned about container is 900px in width , and then you said it went from 900px to 600px after wrapping? you didn't specify the container width., please clarify thanks ;)
Man your code is organised really neat 👍
Amazing video! Such a clear explanation!
Finished!
Thank youuuu!