I’m a bit of a newbie, and I’m working on updating a website for the company I work for, but I didn’t originally create it (I’m not a website designer, this is just part of my admin job as we are a small company).
I have been able to figure a lot of it out via trial and error and some YouTube tutorials (the tutorials inside Webflow are outdated and not relevant to the newest edition), but there is one thing that I have not been able to figure out, and I’m sure it is probably the simplest solution on Earth: how to centre and evenly space text display on non-PC views.
As far as I can tell, the text should be centred based on the settings I know how to manipulate, and it looks great in PC view, but in tablet view the text is squished together, and in both landscape and portrait phone view the text leans to the left hand side.
Hey @EquipCountry , you can set the spacing by adjusting the number of columns and rows in your grid wrapper based on the tablet breakpoint and below. Breakpoint changes cascade down from the base breakpoint (desktop), you can read more about breakpoints here.
Hi @jiyong , thank you so much for your help!
I have adjusted the settings of both the ‘Our Services’ table and the ‘Fee Structure’ table, but for some reason it only works on the ‘Our Services’ table, as the ‘Fee Structure’ table has five additional auto-generated columns which I cannot delete (Webflow - Equip Country).
Hey @jiyong, I’ve actually managed to solve the problem somehow by moving an element which was in the wrong place… for some reason adjusting the placement of the list item jiaFeeList (which just explains a little bit more about pricing in a smaller font size) deleted two of the automatically generated columns, leaving three. I don’t know what’s going on with the additional two columns, but the page still looks good for now.
Once again, thanks for your help! This is all new to me, so a bit of an explanation on auto-generated columns might be nice, but the website looks good and that’s all the viewers care about!
