Library / Search

Find your
next move.

3 useful things

The simplest way to perfectly center content both horizontally and vertically.

.flex-center {
  display: flex;
  justify-content: center;
  align-items: center;

Create a responsive grid that automatically adjusts columns based on available space.

.auto-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 24px;

Style elements based on their container size instead of viewport.

/* Define a container */
.card-container {
  container-type: inline-size;
  container-name: card;

Find yournext move.