Layout struggle - Kevin Powell - Community

Kevin Powell - Community•3y ago•

3 replies

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;