.griddy{
height:40em;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-rows: 1fr 1fr 1fr;
grid-template-areas:
  "dispenser transporter conveyor "
  "cranex craney plate"
  "ejector" "liddy"
}
div#dispenser{
  grid-area: dispenser;
}
div#transporter{
  grid-area: transporter;
}
div#conveyor{
  grid-area: conveyor;
}
div#cranex{
  grid-area: cranex;
}
div#craney{
  grid-area: craney;
}
div#plate{
  grid-area: plate;
}
div#ejector{
  grid-area: ejector;
}
div#liddy{
  grid-area: liddy;
}