CSS Flexbox Cheat Sheet

Hi there!💻 We are a crossover team(2 different batches) from WBS Coding School Berlin who decided to write together a CSS Flexbox Cheat Sheet. Here are the most commonly used properties and values of CSS Flexbox.

We have split up the cheat sheet in three sections. In the first section, we started with a small intro for CSS Flexbox, main axis and cross axis and finished with the difference between Flexbox and Grid. In this article we did not cover Grid but we wanted to be sure you understand the differences. In the second section we covered the Properties for the Parent (flex container). Finally, in the third section we resumed the Properties for the Children (flex items). We added code snippets for each property and small illustrations to make it more understandable.

If this article was helpful to you, feel free to clap, share and respond to it. You can also view or download the file from the link we posted below.

https://www.slideshare.net/gabriela261787/csscheatsheetcssflexboxcompressedpdf

Lead-authors: Dominik Huber, Manuela Jimenez de Arechaga, Priyanka Bed and G Negran.