KPC
Kevin Powell - Community•9mo ago
VictorHristov

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;
No description
No description
3 Replies
Mannix
Mannix•9mo ago
what you want to achieve ?? you have more then 3 children so grid automatically will put the rest on another row
VictorHristov
VictorHristov•9mo ago
What? Picture without highlighted grid is what is want to achieve
Mannix
Mannix•9mo 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
Want results from more Discord servers?
Add your server
More Posts
recreate this layout challengeCould someone tell me where I went wrong when trying to recreate this layout ? Here is my solutionProgress on my Challenge #1I am going into the challenge and blind with a Google search bar in hand. I did not read any solutioQuirky numbers in javascriptWhen I add 0.01 it instead adds something odd.. How can I solve this?Array issue (Unwanted changes to the array)HI! So I am setting the const change [] to be equal to cid [] After that I alter the const change overflow of footer on print previewI want to fix overflow of fixed footer. When width of content increases then footer. Will overflow oerror message during watch in sass filewhen my main.scss with import is being watched and I change + save the file that is being imported, Animation ProblemHello i have a problem i am trying to create animation like this one here for the case studies can sChallenge #1 Help! flex or GridI wanted to do it via flex, but how do I push the text without adding a margin and have it automatic