0

How to solve overlapping contents(div) on small screen with bootstrap ?

Check the code inserted below. Just want to make each divs to take a single row on small screen but the content below the colum are just hidden (jumbotron in this case). So what's the mistake and how can i solve it ? https://code.sololearn.com/WrILWzUGsh9Q/?ref=app

15th Oct 2020, 5:35 PM
Kuber Acharya
Kuber Acharya - avatar
3 odpowiedzi
+ 2
Try to use @Media rule @media screen and (min-width:20vh;) { div { height:50px; } }
30th Oct 2020, 9:10 AM
Samiun Nafis
Samiun Nafis - avatar
+ 1
Samiun Nafis Yea that's what i did. I thougt size of container will increased automatically to adjust column from row. But able to solve. Thank you!
31st Oct 2020, 1:28 PM
Kuber Acharya
Kuber Acharya - avatar
+ 1
Kuber Acharya Great to hear that, you solved it. Hope you'll reach your goal soon. ☺
31st Oct 2020, 1:58 PM
Samiun Nafis
Samiun Nafis - avatar