Can you please tell me the CSS to fix the sizing and spacing issues related to the following page on mobile?
https://goalsarecool.com/products/
Thanks!
Blake
Hi Blake,
I can see the your images are in separate rows than your text.
Please add the text together with your image in the same column element.
That way it will move together with your text in mobile.
eg.
Red is row and blue is column
Hope that helps.
What if i want the text to be longer than the image? The image column has padding to make it look a certain way.
Hi,
If you have longer text the column will adjust automatically.
You can also add a min-height to your text element so that the columns will be fo the same height.
Hope that helps.