HTML / CSS: Grid - Umulig layout?

[Ludvig86]

Hei! 

Jeg sliter med noe så "enkelt" som å få boksene i grid´en til å legge seg under hverandre i en type "masonry-layout", men uansett hva jeg prøver, så får jeg det ikke til. Har lest og sett mye videoer, men ingen gir meg svaret på dette. Jeg vil ha boksene flyttet opp i tomrommet som er der. 

Finnes det en måte jeg kan gjøre dette på? 

 

.grid{

display: grid; 
grid-template-columns: repeat (2, 1fr); 

}

 

[mobile999]

  Ludvig86 skrev (På 2.12.2023 den 10.29):

Finnes det en måte jeg kan gjøre dette på?
 

.grid{

display: grid; 
grid-template-columns: repeat (2, 1fr); 

}

 

Ekspander  

Jeg vet ikke hvor du har dette fra, men tror at du finner svaret på spørsmålet ditt her:

https://www.w3schools.com/css/tryit.asp?filename=tryresponsive_styles

Endret 2. desember 2023 av mobile999

[Ludvig86]

  mobile999 skrev (På 2.12.2023 den 18.30):

Jeg vet ikke hvor du har dette fra, men tror at du finner svaret på spørsmålet ditt her:

https://www.w3schools.com/css/tryit.asp?filename=tryresponsive_styles

Ekspander  

Takk for innspill! Men det var nok ikke helt det jeg var ute etter. 

[mobile999]

Kanskje du finner løsningen her?

https://www.w3schools.com/w3css/tryit.asp?filename=tryw3css_templates_photo&stacked=h