View source for Template:Bomb Casing

<div id="bomb-casing">
  <div id="timer">{{{timer|}}}</div>
  <div id="mod1">{{{mod1|}}}</div>
  <div id="mod2">{{{mod2|}}}</div>
  <div id="mod3">{{{mod3|}}}</div>
  <div id="mod4">{{{mod4|}}}</div>
  <div id="mod5">{{{mod5|}}}</div>
</div>
{{#css:

#bomb-casing{
  grid-gap: 1vh;
  background: #CFE7F1;
  display: grid;
  gap: 10px;
  grid-template-areas:
      "timer mod5 mod3"
      "mod2 mod4 mod1";
  grid-template-columns: 200px 200px 200px;
  grid-template-rows: 200px 200px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  margin: 0;
  padding: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border: 10px solid #CFE7F1;
  border-radius:10px;
}
#timer{
  grid-area:timer;
}
#mod1{
  grid-area: mod1;
}
#mod2{
  grid-area: mod2;
}
#mod3{
  grid-area: mod3;
}
#mod4{
  grid-area: mod4;
}
#mod5{
  grid-area: mod5;
}

}}