Extra line showing below grid using CSS

[bmaiden]

What's the problem you're trying to solve?

Remove extra line at bottom of grid.

Post any code you think might be relevant (one fenced block per file)

#board {
    display: grid;
    grid-template-columns: repeat(4, 15vmin);
    grid-template-rows: repeat(4, 15vmin);
    margin-top: 1vmin;
    gap: 1vmin;
}

.squares {
    display: flex;
    border: 0.3vmin solid black;
    cursor: pointer;
    justify-content: center;
    align-items: center;
}

If you see an error message, post it here. If you don't, what unexpected behavior are you seeing?

What is your best guess as to the source of the problem?

not sure

What things have you already tried to solve the problem?

changing border aspects in CSS

Paste a link to your repository here

https://github.com/bmaiden/memory-browser-game

[bmaiden]

I had one too many divs. Thanks Timm!