ElenaExposito / flex-grid-cheatsheet

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Flexbox and Gridbox CheatSheet

Flexbox and Gridbox CheatSheet Logo

Copy and paste quickly, then look at the icons

MIT License Version Project Status

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

Extension operation
Index

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:

Open with extension icon

Command option:

Open with command Flexbox and Gridbox CheatSheet

Consult documentation::

Consult the documentation

Copy to clipboard:

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 https://github.com/midudev/la-velada-web-oficial.git
  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.

🗣️ How to contact him or view his content:
GitHub Twitter Instagram Linkedin
ManzDev Manz manz.dev José Román Hernández
Website Twitch Youtube TikTok
Website ManzDev ManzDev ManzDev

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

🗣️ How to contact him or view his content:
GitHub Twitter Website Linkedin
sakamies @sakamies Website sakamies

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

🗣️ How to contact him or view his content:
GitHub Website
darekkay https://darekkay.com/

About me

👩‍💻 Elena Expósito

Meet me

If you'd like to get to know me, you can reach out to me at:

Or if you prefer, buy me a ☕ coffee ☕.

About

License:MIT License


Languages

Language:TypeScript 86.2%Language:JavaScript 8.5%Language:CSS 5.3%