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>