<div class="grid">
<div class="card"></div>
<div class="card rounded"></div>
<div class="card"></div>
  </div>
.grid {
  display: flex;
  gap: 1em;
}
.card {
  width: 100px;
  height: 100px;
  background: orange;
  
  box-shadow: 
    inset 0 0 0 8px orange, 
    inset 0 0 0 10px gold;
}
.rounded {
  border-radius: 50%;
}
Run Pen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.