Flexbox problem : Can't Resize child elements | Sololearn: Learn to code for FREE!
New course! Every coder should learn Generative AI!
Try a free lesson
+ 1

Flexbox problem : Can't Resize child elements

Code link: https://code.sololearn.com/WLE931y38s1r/?ref=app I have set child element width to 100vw but it's not occupying all given size(i.e 100vw) flexbox is dividing it's entire width into 4 parts for 4 children. I wanted each child div to have full screen width and then apply overflow-x:scroll; but I failed to resize child elements. also note that I want all child divs to be horizontally placed one after another. not vertically. In case of flex-direction:column; every element will have desired size but I want divs horizontally placed How to fix this.

4th Jan 2020, 4:46 PM
🇮🇳Omkar🕉
🇮🇳Omkar🕉 - avatar
3 Answers
+ 4
Change width of div to 'min-width:100vw;' This will make sure the size of element dont get small. //also, flex element will be of same width make it overflow-x : scroll; to cover edit:: Code - https://code.sololearn.com/WuPRQKWHk35J/?ref=app
4th Jan 2020, 5:12 PM
Jaydeep Khatri
Jaydeep Khatri - avatar
+ 5
Jaydeep Khatri , thanks bhai.
4th Jan 2020, 5:16 PM
🇮🇳Omkar🕉
🇮🇳Omkar🕉 - avatar
+ 4
Your welcome 🇮🇳Omkar🕉 😊
4th Jan 2020, 5:19 PM
Jaydeep Khatri
Jaydeep Khatri - avatar