| .grid-container { | |
| display: grid; | |
| grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); | |
| gap: 20px; | |
| padding: 20px; | |
| } | |
| .grid-item { | |
| background-color: #f8f9fa; | |
| padding: 20px; | |
| text-align: center; | |
| border-radius: 8px; | |
| } | |
| .grid-item a { | |
| text-decoration: none; | |
| color: #007bff; | |
| font-size: 1.2em; | |
| } |