Semantic-ui: Colums are not responsive.
I was checking the grid examples, I redimensionated the browser, and this is the result:
mllamazares
All 3 comments
Check out <div class="ui stackable grid"> This will automatically stack columns when reaching mobile break points.
You can also use class="mobile only column" and class="pc only column" together to have separate column widths for each device.
jlukic
on 16 Sep 2013
Looks like Semantic Ui doesn't tackles responsiveness properly. For instance how can we change the class of a div according a certain breakpoint/device? something like class="pc-4-wide tablet-eight-wide mobile-sixteen-wide" without having to duplicate code 3 times and apply different classes to each block?
luisalves73
on 2 Jul 2016
@jlukic How to handle this scenario in Tablet devices? suppose in each Row, I want to show 4 grids in Desktop, 2 in Tablet and Stack in mobile? How shall I handle it?
happy2deepak
on 27 Sep 2016
Related issues
deneuxa
路
3Comments
Morrolan
路
3Comments
miguelmota
路
3Comments
playgithub
路
3Comments
kwaninmacau
路
3Comments
Most helpful comment
Looks like Semantic Ui doesn't tackles responsiveness properly. For instance how can we change the class of a div according a certain breakpoint/device? something like class="pc-4-wide tablet-eight-wide mobile-sixteen-wide" without having to duplicate code 3 times and apply different classes to each block?