Hi everyone,
I’m running into a strange problem with my website that started yesterday, specifically with one of my layout grids.
Each cell in the grid displays a team member with a photo, their name, and their jersey number. The photo is at the top, with the number and name shown side by side underneath.
Until yesterday, everything worked perfectly. It didn’t matter which device I used or how large or small I made the browser window—the automatic scaling handled everything beautifully.
Yesterday I wanted to remove one of the grid cells from the published page and rearrange the remaining team members. I’ve done this many times before and never had any issues.
Since then, though, the automatic scaling has stopped working properly. The text (name and jersey number) is only in the correct position in a few cases. Most of the time it’s either far too low below the photo or it ends up overlapping the image. The same thing even happens in Sitely’s built-in preview when I select “All Devices.”
Does anyone have an idea what might have gone wrong?
You can (hopefully) see the problem here:
https://www.crabs.de/Team/das-team-the-crabs-duisburg-eishockey.html
On my backup version of the site, before making the planned changes to the team page, everything still works exactly as it should:
https://duisburgcrabs.de/Team/das-team-the-crabs-duisburg-eishockey-2.html
I’d really appreciate any ideas or suggestions. And just to rule out the obvious: I also tried creating a completely new subpage with a brand-new grid as a test, but I’m seeing exactly the same problem there.
