flecss is a minimalist and straightforward (S)CSS framework.
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/flecss/dist/flecss.css">
<div class="flex_3">
<p class="padding_vertical--xxl">
HTML <span class="viewport-l">(Hypertext Markup Language)</span> is for structure.
</p>
<p class="p_vertical--xxl">
CSS <span class="viewport-l">(Cascading Style Sheets)</span> is for styling.
</p>
<p class="p_v--xxl">
JS <span class="viewport-not_s">(JavaScript)</span> is for behaviour.
</p>
</div>
© Thassilo Martin Schiepanski