### Instruction:
Create a responsive layout using Flexbox with multiple boxes.

### Response:

    <!DOCTYPE html>
    <html lang='en'>
    <head>
        <meta charset='UTF-8'>
        <meta name='viewport' content='width=device-width, initial-scale=1.0'>
        <title>Random Flexbox Layout</title>
        <style>
        
        body { font-family: Arial, sans-serif; background-color: #f4f4f4; }
        .container { display: flex; flex-wrap: wrap; gap: 1em; padding: 1em; }
        .box { background-color: #333; color: white; padding: 2em; text-align: center; flex: 1 1 200px; }
        
        </style>
    </head>
    <body>
    
        <div class='container'>
            <div class='box'>Box 1</div>
            <div class='box'>Box 2</div>
            <div class='box'>Box 3</div>
            <div class='box'>Box 4</div>
        </div>
        
    
    </body>
    </html>
    