25 CSS Hacks Every Developer Should Know

CSS Grid for Layouts

Problem: creating complex layouts.

Solution: use CSS Grid.

.container {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
}
.item {
  background-color: lightblue;
  padding: 20px;
}