Responsive Flexbox Layout Page in 4 Minutes | Flexbox Tutorial

Hey Peeps, Today we will create a completely responsive page which will work on Desktop, Tablets and Mobile phones in just a few minutes with Flexbox.

If you have any question write it down in comment I will answer to all of you. Make sure to like the video and consider subscribe if you really think it deserves.

Download My Free CSS E-book:

Editor: Vs Code

Song: AGST - Relax (Vlog No Copyright Music)
Music provided by Vlog No Copyright Music.

Support AGST

Intro Credit:

[WHATMrGK]

This is literally the only video that shows you how to actually build a functional web layout, all other videos just show you the commands. Thank you!

[adaml]

Thank you for producing this. A little constructive criticism. It would be more helpful to newbie’s if you explained what and why you chose these tags/css values as opposed to us just watching the code be written. You could have just as well posted the html and css in its finished state for us to consume and it would have had the same effect. Those that understand this stuff would be intrigued, and those that don’t, would still be scratching their head.

[FallenSmile]

Amazing ! Nice way to practise your understanding of flexbox. Thank you. I will definetely watch your other videos on channel.

[ashhalverooo]

Thank you bro, because of you, my assignment is done

[DranzerHD]

thanks for the emmet abbreviation :)) didn't know about it

[scb]

Got a web design assignment due you really helped bro

[nextrealm]

leave the source code in the description section mate. It will be really helpful to save it for later also so that i can revise.

[whitecannon]

This content helped me lots!!!! Thank you

[appronblue]

It doesn't work, could you please share a sandbox link with the cod in it?

[LodhiCreates]

How to fix multiple elements in flex layout like heading paragraph and images

[talhaayub]

That's more helpful! Subscribed immediately

[carlosarangovelasquez]

how can someone dislike this? brilliant!

[zomssingh]

Layout is good but at the end it is confusing. So please start explaining the things

[lienbarraquio]

How do you put images, text w/links inside those boxes?

[decfathani]

you're using flex shorthand for a '.main'. when i change a shorthand 'flex' to flex-grow for a '.main, a page doesn't align correctly as i using a 'flex' just like it's show on the video. as i know flex is a shorthand for a flex-grow, flex-shrink, and flex-basis

[chanhpham]

Can I use .wrapper > div instead of .wrapper > * if I just use div tag inside wrapper ?

[mfo]

Hi thanx for dropiing this video can u also make video on explaining the role of pseudo elements or u can suggest me by providin link in comment. Btw am your one of follower from your IG

[shokintouch]

Great, release more videos please, Thanks

[hebrewman]

Please help, how can I make that aside1 will jump above main instead under when window bocomes smaller? Thank you.

[peeyar]

How can I stack like header, aside1, aside 2, main and footer when we decrease the size (mobile or tab) ? On web, it should be like the above one (header, left, main, right, footer at the bottom.)