Layout struggle

Hi, i'm struggling to get this layout. My Grid is making two rows, even though i only set 1fr on row.

  display: grid;
  grid-template-columns: repeat(3, auto);
  align-items: flex-start;
  justify-items: flex-start;

  grid-template-rows: 1fr;
  gap: 1rem;

  height: max-content;
image.png
image.png
Was this page helpful?