Skip to main content

Command Palette

Search for a command to run...

Flexbox Cheat Sheet

Updated
•1 min read
Flexbox Cheat Sheet
S

I'm a Project Manager. I help businesses and teams meet their goals and bring their ingenious ideas to life. While my main focus is on project management, I'm currently learning web development and really enjoying the coding journey.

Flexbox is also known as The CSS Flexible Box Layout Module, which provides a more efficient way to layout, align, and distribute space among items in a parent flex container.

In this Flexbox cheat sheet, you can find all the different possible properties for the parent element (the flex container) and the child elements (the flex items).

Flexbox Sheet.jpg

D

plz send me png/jpeg photo of this sheet

C

I am going to print that chart out and post it on my wall! Very helpful 👍

1
S

I'm so glad to hear that!

C

pls make one like this for CSS Grid! Sumudu Siriwardana