.container div {
  background-color: rgb(51, 51, 51);
  font-family: arial;
}

.container {
  background-color: black;
  position: absolute;
  left: 250px;
}

#item1 {
  grid-area: header;
  text-align: center;
  color: white;
}

#item2 {
  grid-area: raster;
  background-color: darkgrey;
}

#item3 {
  grid-area: jpg;
  background-color: lightgrey;
}

#item4 {
  grid-area: gif;
  background-color: lightgrey;
}

#item5 {
  grid-area: png;
  background-color: lightgrey;
}

#item6 {
  grid-area: vektor;
  background-color: darkgrey;
}

#item7 {
  grid-area: wmf;
  background-color: lightgrey;
}

#item8 {
  grid-area: svg;
  background-color: lightgrey;
}

#item9 {
  grid-area: footer;
  text-align: center;
  background-color: rgb(95, 93, 93);
}

p span {
  font-size: 3em;
  font-weight: bold;
}

img {
  width: 100px;
  height: 100px;
}

.container {
  display: grid;
  grid-template-areas:
    "header header header header header"
    "raster raster raster vektor vektor"
    "jpg gif png wmf svg"
    "footer footer footer footer footer";
  gap: 2px;
  border: 2px solid black;
  width: 800px;
}