Flexbox and Gridbox CheatSheet

Copy and paste quickly, then look at the icons

"Flexbox and Gridbox CheatSheet" is a visual and easy way to look up CSS rules and copy some of them to the clipboard.

Features

• Use the extension icon or the command >open Flexbox and Gridbox Cheatsheet.

• Choose between the "Flexbox" or "Gridbox" CheatSheet.

• Consult the documentation to learn more about an element

• Copy the code to the clipboard.

• Choose between standard CSS properties or CSS in JS properties for better integration with JavaScript.

👀 Have a look: 👀

Icon option:

Command option:

Consult documentation::

Copy to clipboard:

Getting Started

Prerequisites:

• NVM (recommended for ensuring Node version):

 nvm use
 # o
 nvm use <version>

[!TIP] NVM: Official Documentation

Installation:

1. Clone the repository

   git clone ElenaExposito/flex-grid-cheatsheet
   

2. Install NPM packages

   pnpm install
   

3. Run the project pressing F5 inside VS Code

Thanks!

👨🏽‍💻 José Román Hernández for his CSS Cheatsheet project.

👨🏽‍💻 Ville V. Vanninen for his css-cheats project.

👨🏽‍💻 Darek Kay for his CSS Flexbox Cheatsheet project.

About me

👩‍💻 Elena Expósito