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

Popular posts from this blog

neo4j - finding mutual friends in a cypher statement starting with three or more persons -

php - How to remove letter in front of the word laravel -

minify - Minimizing css files -