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
3 odpowiedzi
+ 2
Try to use @Media rule
@media screen and (min-width:20vh;) {
div {
height:50px;
}
}
+ 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!
+ 1
Kuber Acharya Great to hear that, you solved it. Hope you'll reach your goal soon. ☺