main{
    display:grid;
    grid-template-areas:
    "head head head"
    "carl carl sahara"
    "poem poem bob"
    "poem poem list"
    "flag meme list";
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr 1fr;
    gap: 10px;
}
#title{
    grid-area:head;
}
#carl{
    grid-area:carl;
    height:100%;
    object-fit:cover;
}
#sahara{
    grid-area:sahara;
    height:100%;
    object-fit:cover;
}
#poem{
    grid-area:poem;
    white-space:pre;
}
#bob{
    grid-area:bob;
    height:100%;
    object-fit:cover;
}
#list{
    grid-area:list;
}
#flag{
    grid-area:flag;
    height:100%;
    object-fit:cover;
}
#meme{
    grid-area:meme;
    height:100%;
    object-fit:cover;
}
main > * {
  background-color:white;
  text-align: center;
  outline:black 10px solid;
  margin:0;
}