@dgdev1024
Posted
On mobile devices, the 'Fylo' logo and control buttons are growing in size proportionate to your screen's width, to the point where the exceed the bounds of their container on large mobile devices, like tablets. Also, the negative top margin on the '185 GB LEFT' container is causing that container to cover up your storage remaining meter under the same circumstances.
To remedy this, try adding a fixed 'max-width' property to your '.container' classes, and setting the 'margin-top' property of the '185 GB LEFT' container to a non-variable value, like '32px'. You may need to adjust these properties on your containers in your media queries, too.
Very nice work, though. Keep up the good work!
@OnescuRadu
Posted
@dgdev1024 Thanks for this explanation, it really helps me, considering that I never code something from scratch like this one.
I haven't got the premium features, therefore the tablet design is unavailable, that's why I did not optimise it for tablets.
Regarding the mobile phone responsiveness what is the best approach to it? Isn't using variable values like % or viewport sizes the best way to do it?
I am really looking for somebody to clarify what is the best approach to develop responsive websites for all devices? Currently I am using variable values for small devices (mobile phones) and non-variable values for large and extra large devices (laptops and desktops).
Thanks again. Looking forward for your reply.