Hello,
I understand that this might not be on your table. But maybe you can help me with some best practices.
On desktop I decide that I want 30px top-padding on a row. It looks good.
But when I view on mobile (iphone 5 or 6), the 30px become way too much since the displays are so thin (less wide).
An example:
1. see main page http://www.ringsofsweden.com on desktop > notice the gap between slider and first headline.
2. Now go to the same page on a mobile with thin display, and notice that the gap feels way bigger in comparison to other elements on the page, creating a bigger % of white space.
Do I need to change it particularly for every single row where I use this on the mobile css or is there another way around this that is more intuitive.
What are the recommendations when it comes to this sort of things?
Thanks!
Emelie