Easybank Landing page

Community feedback

• 

  meyoh-23•210

  @meyoh-23Posted 12 months ago

  I recommend using the mobile-first approach almost always, not because it is right, but because it is more convenient. From the client's perspective, for instance, many people will likely access your webpage via mobile devices.

  As a designer, I think it is easier to implement the small screen version, and then adapt your design for a larger screen, since in most cases, very few elements/components of your design actually change as you advance from a smaller screen to a larger screen and vice versa.

  I also ran to the challenge with paddings/margins when using a "desktop-first" approach. the values for larger screen sizes are sometimes set to bigger values, and they do not scale down with the screen sizes. this essentially affects the layout of the mobile and can be overwhelming for a beginner.

  Marked as helpful

  1

  ---

  

  Mohab Mohammed•180

  @mohap710Posted 12 months ago

  @meyoh-23 I agree that mobile first is easier to implement but when it comes to navigations I think that desktop-first is better cause you will not need to reset properties to their default ,take for example: you start with mobile-first navigation setting it's position : absolute;, hide it when it's closed by something like transform:translate(-100%); when you reach your desktop breakpoint you will have to do something like position: static; transform: translate(0);

  I recommend to check this Amazing video by Kevin Powell

  1

  

  meyoh-23•210

  @meyoh-23Posted 12 months ago

  nice perspective, now that I have checked the video. Thanks for sharing the link.@mohap710

  0