Optimising Layout for Mobile
Feb 24, 2020 10:48 AM
I'm currently putting together a new About page for my company but when previewing it for mobile and tablet the layout is just awful.
Other than the initial row of hover images which I coded myself without mobile in mind, so I can understand their broken layout, the rest of the page is mainly made up of rich text modules relying on tables for structure.
The problem is that although the tables and cells themselves will change in size to suit the screen based on their set percentages, the font and image sizes stay exactly the same, making them overlap into other cells or off the screen entirely.
Does anyone know a simple solution for fixing how this content resizes across screens?
Screenshots attached comparing one section's layout on desktop vs mobile: