https://github.com/akunna1/flex-grid-css

Practicing using flex and grid in tailwind CSS
https://github.com/akunna1/flex-grid-css

reactjs tailwindcss

Last synced: 7 months ago
JSON representation

Practicing using flex and grid in tailwind CSS

• Host: GitHub
• URL: https://github.com/akunna1/flex-grid-css
• Owner: akunna1
• Created: 2024-11-06T22:15:11.000Z (11 months ago)
• Default Branch: main
• Last Pushed: 2024-11-06T22:41:54.000Z (11 months ago)
• Last Synced: 2025-01-31T22:07:19.535Z (8 months ago)
• Topics: reactjs, tailwindcss
• Language: CSS
• Homepage:
• Size: 2.93 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
#### App.css

###### flex

    display: flex;

    justify-content: space-between; /* Distribute items with space between */

    align-items: center; /* Center items vertically */

    gap: 1rem; /* Add gap between flex items */

###### grid

    display: grid;

    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); /* Automatically adjust the number of columns */

    gap: 1rem; /* Add gap between grid items */