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;

  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;

3 Replies

Mannix•14mo ago

what you want to achieve ?? you have more then 3 children so grid automatically will put the rest on another row

VictorHristovOP•14mo ago

What? Picture without highlighted grid is what is want to achieve

Mannix•14mo ago

then you need to group your content accordingly grafik is one column sosiale and markeds.. the second and the last one is Bevege... Ux/ui Kommu... . Right now you have 6 children of your grid parent you need to make 3

Gaming

Programming

Layout struggle