ds

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;

  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%;

}