Responsive Image Gallery Using Flexbox | HTML & CSS

The CSS3 Flexible Box, Or Flexbox, Is A Layout Mode Intended To Accommodate Different Screen Sizes and Different Display Devices. The Display orOder of Flexbox Elements is Independent of Their Order In The Source Code. Popular Layouts can thus Be Achieved More Simply and with Cleaner Code.

This Tutorial Shows How You Can Create Simple Responsive Image Gallery Using Flexbox.

---------------- Social Media ----------------

Thank You For Watching !

Music :

Credits :
Heroboard

[codegrid]

These are some of the books that can help you learn web designing -

[akaza]

plz make a separate series on flexbox...

[redsharingman]

I've been using flexbox for sometime now but didn't know about that trick!

[СергейКондулуков-зч]

Автору респект и уважение и музыка красивая :-)

[uunz]

Excellent tutorial. Also, what is the sound track? Its very comfy to listen to when typing up script

[kain]

hey dude, ty for ur work! Do you have github?

[juanestebanbarrera]

Hi! Can you quickly explain to me what is that -ms-flexbox that you're using? Thanks a lot in advance

[scorpion]

Why do you need media query if you just make height & width 100%?

[suryoarisasmito]

i want to ask, where i can learn about -webkit- and -ms-

[akarshbhadani]

Hi, thank you for explaining it's really awesome but I have a problem. I am working on my college project and I have to display the images of different sizes, the images are captured by our phones camera and then stored on the database. I am using Xampp server and data is stored in PhpMyAdmin. The photo is firstly stored in local file system and then using a for loop all the images are displayed. The size of pictures are different. Please help me.

[Clear-yourmind]

Hi Thanks for Sharing this guide,

I have a problem this codes doesn't work in Vs Code =/ How can I fix this problem, If you know can you help please?
display: -ms-flexbox;
display: -webkit-box;

[СергейКондулуков-зч]

Было бы неплохо если бы оставляли ссылку на проект.