### Instruction:
Design a grid layout with CSS Grid and multiple items.

### Response:

    <!DOCTYPE html>
    <html lang='en'>
    <head>
        <meta charset='UTF-8'>
        <meta name='viewport' content='width=device-width, initial-scale=1.0'>
        <title>Random CSS Grid Layout</title>
        <style>
        
        body { font-family: Arial, sans-serif; background-color: #f4f4f4; }
        .grid-container { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1em; padding: 1em; }
        .grid-item { background-color: #333; color: white; padding: 2em; text-align: center; }
        
        </style>
    </head>
    <body>
    
        <div class='grid-container'>
            <div class='grid-item'>Item 1</div>
            <div class='grid-item'>Item 2</div>
            <div class='grid-item'>Item 3</div>
            <div class='grid-item'>Item 4</div>
        </div>
        
    
    </body>
    </html>
    