Archived topic
Changing the breaking point for tablet-grid-33
4 replies · Started by Aldrin on January 31, 2020
Viewing posts 1–5 of 5
Hi, what is the best way to change the breaking point for columns not to collapse at 1024 and instead collapse at a lower screen resolution?
For example I have
<div class="grid-33 tablet-grid-33 mobile-grid-100 first-column">
1
</div>
<div class="grid-33 tablet-grid-33 mobile-grid-100 second-column">
2
</div>
<div class="grid-33 tablet-grid-33 mobile-grid-100 third-column">
3
</div>I'd like the columns to stay inline instead of collapsing under one another. So for tablet-grid-33, I'd like it to preserver the inline structure at 1024px
Thank you
I actually added below and it seems to work. Is that advised
@media (min-width: 1024px){
.grid-33 {
float: left;
width: 33.33333%;
}
}Hi there,
Yup that's the correct code :)
Thanks very much Leo :)
No problem :)
This archived topic is closed to new replies.
