Docs

[Kalle Johansson]

Hi.

I have an array of small cards symbolising various topics, see
http://klimatriksdagen.se/motionssida-2/#amnen (you will need a password which is provided below).

They look fine on the computer, but when shrinking the screen width, they line up as a single vertical column, although there is place for at least two cards side by side.

How do I modify the CSS to make the cards line up in the desired way?

[Kalle Johansson]

This reply has been marked as private.

[Kalle Johansson]

Sorry – I solved it, sort of. If you have a better solution, I’d be glad to hear. I named the card section “amnen” and …

@media (max-width:767px) and (min-width: 500px) {
  #amnen {
  column-width: 200px;
  }
}

@media (max-width:600px) {
  #amnen {
  column-width: 150px;
  }
}

[Christopher]

Your code works fine on my end too.

[Author]

Posts