body{
    font-family: Arial;
    background:#f5f7fa;
    margin:40px;
}

header{
    margin-bottom:40px;
}

.grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
    gap:20px;
}

.card{
    display:block;
    background:white;
    padding:30px;
    border:1px solid #ddd;
    text-decoration:none;
    color:black;
    font-size:20px;
    text-align:center;
}

.card:hover{
    background:#eef2f7;
}