html - Materialize CSS - Decoupling sizes -
i've been playing around materialize css framework , finding quite awesome, 1 thing seem keep struggling managing different screen sizes + layouts. came idea seems working quite (assuming application runs in modern browsers html5). official materialize site has lots of useful information couldn't find "best practices". below decided use, , proving easy use , maintain, wondering if there's pitfalls i'm not seeing here? main concept create div small, medium , large can make specific layout changes. know leads duplicate html can't think of easier way approach kind of thing.
<div class="hide-on-small-only hide-on-med-only"> <!-- large screen layout --> </div> <div class="hide-on-small-only hide-on-large-only"> <!-- medium screen layout --> </div> <div class="hide-on-large-only hide-on-med-only"> <!-- small screen layout --> </div> thoughts?
Comments
Post a Comment