Untitled

mail@pastecode.io avatar
unknown
plain_text
2 years ago
1.2 kB
3
Indexable
Never
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <!-- <link rel="stylesheet" href="3.css"> -->
        <title>Document</title>
        <style>
        .container{
            display: grid;
            grid-template-columns: repeat(6,1fr);
            grid-template-rows: repeat(2,200px);
            grid-gap: 10px
        }
        .container div{
            border: 1px solid blue;
            border-radius: 5px;
        }
        .container div:nth-child(5){
            grid-column: span 2;
        }
        .container div:nth-child(6){
            grid-column: span 2;
        }
        .container div:nth-child(7){
            grid-column: span 2;
        }
        </style>
    </head>
    <body>
        <div class="container">
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
            <div></div>
        </div>
    </body>
</html>