Witam
Ostatnio testuje gantry 5. Framework do budowy szablonów dla joomli. I problem mam z kontrolowaniem szerokości bloków. W bootstrap określa się jawnie szerokości dla mobile, desktop czu tablet poprzez
.col-xs- .col-sm- .col-md- .col-lg-
np.
<div class="row">
<div class="col-xs-6 col-sm-3">.col-xs-6 .col-sm-3</div>
<div class="col-xs-6 col-sm-3">.col-xs-6 .col-sm-3</div>
<!-- Add the extra clearfix for only the required viewport -->
<div class="clearfix visible-xs-block"></div>
<div class="col-xs-6 col-sm-3">.col-xs-6 .col-sm-3</div>
<div class="col-xs-6 col-sm-3">.col-xs-6 .col-sm-3</div>
</div>
A w gantry nie widzę podobnego mechanizmu. Przez panel można swobodnie określać szerokości dla bloków, bo wykorzystuje technike flex. Ale jak kontrolować grid dla mobile i desktop?
W gantry są klasy i metody które pozwalają określić jakie style dla danego urządzenia. http://docs.gantry.org/gantry5/tutorials/media-queries
Ale jak zrobić siatkę i zdefiniować szerokości bloków dla różnych urządzeń (ekranów) w gantry 5 ?