Responsive square images

Responsive 3x3 grid of square images. 3 Columns and 3 rows.

by mles

HTML

<div class="container">
        <div class="cell"></div>
        <div class="cell"></div>
        <div class="cell"></div>
    
        <div class="cell"></div>
        <div class="cell"></div>
        <div class="cell"></div>
    
        <div class="cell"></div>
        <div class="cell"></div>
        <div class="cell"></div>
    </div>

CSS

.container {
            margin: 0 auto;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: space-around;
            align-items: center;
            align-content: space-around;

            height: 93vmin;
            width: 93vmin;
            background: lightgrey;
        }
        .cell {
            height: 30vmin;
            width: 30vmin;
            background-color:#1E1E1E;
        }