This is a simple example guide that can be used as a cheat sheet to jump-start your flexbox layouts. It contains the most common layouts you might want to use with CSS Flexbox.
-
Look for the layout that most closely looks like what you are trying to accomplish.
-
Copy and paste the html and css from that example into your project.
-
Tweak it to your liking.
NOTE: This guide uses Sass pretty much just for nesting. Look into style1.scss for all the example CSS.