.skill-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-top: 14px;
}
.skill-row {
  padding: 12px;
  border: 3px solid var(--ink);
  background: #fff;
}
.skill-row b, .skill-row small { display: block; }
.skill-row b span {
  float: right;
  padding: 2px 5px;
  background: var(--yellow);
  border: 2px solid var(--ink);
  font-size: .72rem;
}
.skill-row > div {
  height: 12px;
  margin-top: 8px;
  border: 2px solid var(--ink);
  background: #eee;
}
.skill-row i { display: block; height: 100%; background: #48b96a; }
@media (max-width: 560px) { .skill-grid { grid-template-columns: 1fr; } }