CodePen Embed - display-grid

<div class="products">
  <div class="product">Keychains</div>
  <div class="product">Bracelets</div>
  <div class="product">Masks</div>
  <div class="product">Notebooks</div>
</div>

.products{
  display: grid;
}
.product{
  border: 1px solid #18171C;
  border-radius: 8px;
  background-color: #8673A1;
  height: 150px;
  padding: 20px;
}

This Pen is owned by IMD on CodePen.

See more by @IMD on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.