Crul

Thanks for creating the community.

I feel like I don't have much to contribute here at the moment, but I'll keep an eye on it.

Good luck!

I don't have much to contribute to that community... I had never heard of that game :/.

If I’m understanding your situation correctly then you just need to use grid-template-columns: 1fr; to get a single column layout here.

I don't want a single column, there should be different number of columns for each resolution step.

From the comments in the OP, I think I still need a single magic number (the number of menu options) and then I can use grid-auto-flow: column; and calculate the number of rows for each resolution step.

Thanks!

Good luck!

I'm personally focusing on non-meme communities, but that's just personal preference.

Is that you, Mister-T?

Yep, a bit of JS is another option.

I'm not sure what's rendering your html though

Nothting really, I wanted to keep the project very simple (because there are non-devs contributing to it) and the HTML is static code.

(If the ideal solution is not possible) I think you are right.

Let me check I understood: the idea is to have a single changing-magic-number (the number of menu options) set in a variable --item-count and then calculate all the other values from that. The --column-count would be fixed for each resolution step, so that's ok.

Thank you very much for the help!

Good luck!

Sadly, I don't have much to contribute to these communities, but I will post if I find something relevant.

If that's the case, I think that doesn't really help. The original issue is that I need to edit the CSS file every time a new chapter is added. Which would be the same if I have to hardcode the number of rows.

I mean, it's a bit cleaner to hardcode the number of rows than the height in pixels, but I was looking for a solution that doesn't require magic numbers in the CSS.

Thanks!

I also tried that but it just renders a single row. Probably because I'm missing something...

#menu ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-flow: column;
}

Some communities with different content:

• c/[email protected]
• c/awwnverts
• c/weirdwheels
• c/comicstrips

Link for those on old.lemmy.world:
https://www.reuters.com/article/uk-armenia-azerbaijan-turkey-arms-idUKKBN26Z22A

mlmym frontend includes the closing parenthesis in the link.