Format Code
Run Code
<!DOCTYPE html> <html> <head> <title>Let's Coding Example</title> </head> <style> .inline-grid-container { display: inline-grid; grid-template-columns: repeat(3, 1fr); gap: 10px; background-color: lightgoldenrodyellow; } .grid-item { background-color: lightgreen; width: 100px; height: 100px; } </style> <body> <span class="inline-grid-container"> <div class="grid-item">Item 1</div> <div class="grid-item">Item 2</div> <div class="grid-item">Item 3</div> </span> </body> </html>
console output