[CSS] Design for Mobile First with Tachyons

Tachyons provides extensions (-ns, -m, and -l) to many of its classes to help you design for responsive layouts. This lesson walks you through designing for mobile first then adding a design for desktop.

 

<body>
    <p class="f1 b--solid b--none-ns">Mobile First</p>
    <p class="f1 b--none b--solid-m">Medium</p>
    <p class="f1 b--none b--solid-l">Desktop Second</p>
</body>

 

 

posted @ 2017-05-12 03:40  Zhentiw  阅读(240)  评论(0)    收藏  举报