Hi - just started on webflow this weekend and spun up a site for my telehealth clinic (with some AI help! not a designer). I can’t get grids I had to be responsive in tablet/mobile view. See images for the “Conditions we Treat” section. The boxes with text in them get cut off. Note that I want the box size to remain the same for each word and fixed the width/height of the box, but not the grid.
Is there a better way to create a grid of word boxes? How can I get it to be responsive in the container?
But there are many ways for achieve what you want. #1 Stay layout as Grid as now and for smaller screens add a horizontal scrollbar #2 Redo layout with Flexbox — set for items min-width and for flexbox container direction like this for example:
When I tried to Redo layout with Flexbox, the images became massive and were displayed vertically in a single column instead of horizontally in a single row. Will try again with grid but trying to avoid having users scroll.
For some reason Webflow shows read-only link without UI for editing:
