Css grid game

!! link:css

.card === <div class ="card"></div>   .card*16;

css:

three things reset first

*{margin:0; padding:0; box-sizing:border-box}

.container{

        display: grid;

  place-items: center;

 min-height: 100vh;

}

}

.cards{

display: grid;

grid-template-columns: repeat(4, 1fr) // gtc gga

grid-gap: 2em;

}

.card{

display:grid;

place-items:center;

height: 110px;

width: 90px;

background-color: #ffff00;

border-radius:10px;

cursor: pointer;

transition: 0.3s all ease;

}

.card:hover{

        transform:scale(1.03)

}

.card img{

        width:80%;

max-height:90px;

transition:0.3s all ease;

opacity：0；

}

=========================================js