Micro-layouts


Знайшов невелику, але дуже чудову статтю про layout компонентів. Дуже надихає.

Особливо сподо́балося ось це:

h1 {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  gap: 1em;
}
h1::before,
h1::after {
  content: "";
  border-top: 0.1em double black;
  align-self: center;
}