Fylo Data Storage Component

Community feedback

• 

  Dennis Griffin•1,320

  @dgdev1024Posted over 4 years ago

  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!

  2

  ---

  

  Onescu Radu•70

  @OnescuRaduPosted over 4 years ago

  @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.

  0
• 

  Moustafa Mahmoud•245

  @DevMoustafa97Posted over 4 years ago

  Perfect! just three points

  • make logo smaller a little bit
  • more margin between boxes
  • reduce the border radius of the white box

  otherwise it is perfect

  1

  ---

  

  Onescu Radu•70

  @OnescuRaduPosted over 4 years ago

  Thanks for the feedback. I appreaciate it. I fixed them.

  0