HTML & CSS Hands-On - Grid - Start

by Karin Huber

HTML

<div id="grid">
  <div class="grid-item item1">1</div>
  <div class="grid-item item2">2</div>
  <div class="grid-item item3">3</div>
  <div class="grid-item item4">4</div>
  <div class="grid-item item5">5</div>
  <div class="grid-item item6">6</div>
  <div class="grid-item item7">7</div>
  <div class="grid-item item8">8</div>
  <div class="grid-item item9">9</div>
</div>

CSS

.grid-item {
  border: 1px solid red;
  background-color: rgba(0, 255, 255, 0.2);
}