Library / Search

Find your
next move.

3 useful things

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;

Maintain consistent aspect ratio for images, videos, or containers.

/* Modern aspect-ratio property */
.ratio-16-9 {
  aspect-ratio: 16 / 9;
  width: 100%;

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.