StepsEasy
CSS Grid Container - Example
Run
Reset
Destroy & Close
← Back to lesson
Code Editor
css
.grid-container { display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 20px; padding: 20px; } .grid-item { background: #e0e0e0; padding: 20px; text-align: center; border-radius: 4px; }
Result
Click "Run" to execute the code...
Loading runtime...
Ready
CSS | In-Browser Execution