CSS cheat sheet, flexbox practice
Build a single page CSS Cheat Sheet Website using CSS flexbox . Mimic the images given and make it responsive on tablet & mobile.
-
992px and above (desktop), 768px and above (tablet), under 768px (mobile)
-
Each CSS snippet should have a card-like layout with the CSS syntax wrapped in an HTML pre element.
-
Each CSS snippet can easily be highlighted for copying on click using the CSS user-select property.
-
Must incorporate a background color using a CSS linear-gradient function.
-
Must incorporate a bit of animation using the CSS transition property.
-
The HTML
<pre>
element is very literal about spaces and indentation. To gain a better understanding of how to work with it, check out this article on considerations for styling the pre tag.