In this video, I will show you how to create three divs next to each other using CSS Flexbox. This is the easiest way to display three divs next to each other with CSS flexbox. #css #flexbox #tutorial
Пікірлер: 62
@Paul-wo2cq4 ай бұрын
I randomly decided that it is time to learn the basics of HTML yesterday. I did not start with a tutorial or online course. Instead, I simply tried out stuff, based on random stack overflow pages and similar sources. It's still a mess right now but your videos filled a lot of gaps actually. Thank you so much, they are perfect!
@TheWheelchairGuy4 ай бұрын
You are welcome. I am glad that my video was helpful. You can also watch my video on my KZfaq channel about how to build a website from scratch . Once again thanks
@szczotkax2800 Жыл бұрын
you saved my ass. it helped me with my school project. Thank you so much!
@user-sy3xn8is7f8 ай бұрын
amazing your teach sir ...i am from bangladesh
@TheWheelchairGuy8 ай бұрын
Thanks a lot
@foswa6335 Жыл бұрын
Nice and concise, thanks for this!
@higherheights70102 жыл бұрын
You saved the day!! Thank you so much.
@TheWheelchairGuy2 жыл бұрын
So glad!
@carlcantsnipe9 ай бұрын
Very clear instructions. Thankyouu
@TheWheelchairGuy9 ай бұрын
Glad it was helpful!
@ordinarypablo Жыл бұрын
thanks dude
@TheWheelchairGuy Жыл бұрын
Happy to help
@hananfadah9 ай бұрын
Thank you so much!
@TheWheelchairGuy9 ай бұрын
Thanks for watching
@anvayashakti23742 жыл бұрын
Thank you! good advices
@TheWheelchairGuy2 жыл бұрын
Glad it was helpful!
@aditisingh54196 ай бұрын
Thanks!! But whenever i try to write in one box, the size of blocks increase I want to place my text in the center of box Help me out!!!
@TheWheelchairGuy6 ай бұрын
You can use text-align: center to center text
@s.s.scriptties2 жыл бұрын
I'm trying to put three Canva embeds that are in a container in the center of my HTML page, But it jus won't happen... They're next to each other and everything is fine but they just won't go in the middle no matter what I write. (Help pls)
@TheWheelchairGuy2 жыл бұрын
Try setting margin-left: auto; margin-right: auto; and display:block; for the canva embeds
@s.s.scriptties2 жыл бұрын
@@TheWheelchairGuy sadly that didn't work.
@TheWheelchairGuy2 жыл бұрын
@@s.s.scriptties send me your code and I’ll see what I can do. elcajonic@yahoo.com
@imaginarygod3116 Жыл бұрын
thanks!
@TheWheelchairGuy Жыл бұрын
You’re welcome
@habibasaad28533 жыл бұрын
very helpful! Thank You :)
@TheWheelchairGuy3 жыл бұрын
You're welcome!
@zakkforchilli Жыл бұрын
The issues arise when you throw that text into each one of those divs. It overflows well before shrinking it THAT far. JUST before the range of the average new iPhone's viewport size unfortunately.
@TheWheelchairGuy Жыл бұрын
To make a text to not over flow, use the following styling: * { box-sizing: border-box; } .container { display: flex; flex-wrap: wrap; } .item { border: 2px solid; width: 33.33%; }
@milyenferi1 Жыл бұрын
Thank you!
@TheWheelchairGuy Жыл бұрын
You're welcome!
@dnyaneshwargholap1211 ай бұрын
Thanks 🙏
@ozarksantos Жыл бұрын
Thanks My friend!
@TheWheelchairGuy Жыл бұрын
Thanks for watching
@Waseem-arshad1572 жыл бұрын
Very Helpful😍
@marto3224 Жыл бұрын
Very good!
@TheWheelchairGuy Жыл бұрын
Thank you! Cheers!
@youhavetodoit9070 Жыл бұрын
Thank You So Much Sir :)
@TheWheelchairGuy Жыл бұрын
Thank you for watching
@JohnMartin-cd1qm11 ай бұрын
What is the quickest/easiest way to bump each one vertically to the next row as the browser width gets smaller?
@TheWheelchairGuy11 ай бұрын
This video might help How to make a Website Responsive for All Devices kzfaq.info/get/bejne/m8Bdpq11l6y5ZIU.html
@nointro6070 Жыл бұрын
thank you, sir
@TheWheelchairGuy Жыл бұрын
You are most welcome
@carolflavelle2514 Жыл бұрын
this worked for gmail however it doesn't work in Outlook. Any advice on how to fix that?
@TheWheelchairGuy Жыл бұрын
What do you mean? Could you please elaborate on your question
@carolflavelle2514 Жыл бұрын
@@TheWheelchairGuy ...So evidently I can't attach screenshots here so what I'm trying to explain is the images are aligned horizontally in my gmail account but render vertically when viewing in Outlook. Any advice on how to fix that?
@TheWheelchairGuy Жыл бұрын
@@carolflavelle2514 it means they are responsive. The images will show vertically if you view them on a smaller screen.
@carolflavelle2514 Жыл бұрын
@@TheWheelchairGuy ...thank you for the reply however I'm not on a small screen. I'm viewing these on a desktop monitor.
@TheWheelchairGuy Жыл бұрын
@@carolflavelle2514if you don’t want that to happen, I would use vanilla css. I have a video about playing three divs next to each other
@mohammadmehdiemamhdi11923 жыл бұрын
nice👍🔥
@TheWheelchairGuy3 жыл бұрын
Thanks for watching
@afriend8961 Жыл бұрын
Just one question about divs, specifically the 'container' usage. Are pretty much all websites today using a 'container' layout with divs? Meaning is all the foreground content simply resting on top of the invisible div container? Thanks! =).
@TheWheelchairGuy Жыл бұрын
Hi friend, not all websites use container divs, but USING a container DIV helps you to have more control over the layout especially if you use media queries to make your website responsive. I hope that I have answered your question correctly
@afriend8961 Жыл бұрын
@@TheWheelchairGuy Thanks, bud! Keep up the content! God bless! =).
@shrinivasmutalik70672 жыл бұрын
Hi,wheelchair guy,can you do a video on how to open a third div when an link is clicked in second div. Thanks in advance.
@TheWheelchairGuy2 жыл бұрын
Great suggestion! Stay tuned
@shrinivasmutalik70672 жыл бұрын
@@TheWheelchairGuy Thanks for the ❤️!,Will be tuned in!!!
@Shokirex2 жыл бұрын
why did you use align-content ?
@TheWheelchairGuy2 жыл бұрын
To center the content from top and bottom
@Shokirex2 жыл бұрын
@@TheWheelchairGuy I see, I'm still a bit confused about align content and align items