Hi, sorry if cross-posting is frowned upon but I’m not sure if if this question of mine was more appropriate here?
As the post explains, I am converting my tribute page to a CSS grid format to alleviate formatting issues when on differing viewports - my current code has no effect, and I’m not sure why not?
I’m no CSS-expert but I can give you some tips.
- Use repeat(6, 1fr); instead of writing 1fr 6 times.
- You don’t have to write auto 6 times for rows, writing auto once means it’s auto. What you can do is write minmax(min-height, auto) if you like to set a min height for each row, else auto.
- If you want to leave a cell empty in a row you write a single ‘.’ not as you have, ‘… …’
What exactly do you want to achieve?