CSS Flexbox Cheatsheet (link)
VS Code extension that lets you open a flexbox cheatsheet directly in the editor.
The cheatsheet can be opened in two ways:
Ctrl+Shift+P (Win, Linux) /
Cmd+Shift+P (Mac) and search for the
Open Flexbox Cheatsheet command.
- Hover any
display: flex declaration and click the
Open Flexbox Cheatsheet link in the popup.
Works with the following file types:
The colors of the cheatsheet automatically adapt to the selected theme. The font is based on the user’s preferred font family.
Open Flexbox Cheatsheet command
Open Flexbox Cheatsheet link on hover
The cheatsheet in this extension is based on the excellent Flexbox Cheatsheet by Darek Kay.