ds
dsheader{
height: 100px;
background: #ccc;
display: grid;
grid-template-columns: repeat(3, minmax(auto, 80px));
grid-gap: 5%;
justify-content: center;
align-items: center;
}
a{
background: #c14;
height: 80%;
display: grid;
justify-items: center;
align-content: center;
text-decoration: none;
color: white;
font-family: sans-serif;
border-radius: 50%;
}
img{
max-width: 100%;
border-radius: 50%;
}
header{
height: 100px;
background: #ccc;
display: grid;
grid-template-columns: repeat(3, minmax(auto, 80px));
grid-gap: 5%;
justify-content: center;
align-items: center;
}
a{
background: #c14
height: 80%;
display: grid;
justify-items: center;
align-content: center;
text-decoration: none;
color: white;
font-family: sans-serif;
}
img{
max-width: 100%;
}
header{
background: #ccc;
display: grid;
grid-template-columns: repeat(3, minmax(auto, 80px));
grid-gap: 5%;
justify-content: center;
align-items: center;
}
a{
background: #c14;
height: 100%;
display: grid;
justify-items: center;
align-content: center;
text-decoration: none;
color: white;
font-family: sans-serif;
}
img{
max-width: 60%;
}