First challenge using HTML/CSS with mobile responsive design

Community feedback

• 

  T

  ApplePieGiraffe•30,545

  @ApplePieGiraffePosted about 4 years ago

  Hey, RomainDesson!

  Nice work!

  And congratulations upon completing your first Frontend Mentor challenge! 👏

  I'd suggest you break into a mobile-friendly layout (or at least decrease the size of the components a little or something) a few hundred pixels before 460px (which is where your breakpoint is). Currently, the ends of the components get cut off by the viewport right before the layout changes.

  Also, I'd suggest setting background-position to cover for the CSS background SVGs so that they fill the entire body.

  Keep coding (and happy coding, too)!

  👍

  1

  ---

  

  RomainDesson•40

  @RomainDessonPosted about 4 years ago

  Hello ApplePieGiraffe,

  Thanks for your feedback ! I will apply it right now, this is my first time as responsive design, your feedback is really important for me.

  I had a question, do you think that we could always develop for the mobile first ? I mean, could we always start coding witch the minimal screen size ?

  Thanks you.

  0

  

  T

  ApplePieGiraffe•30,545

  @ApplePieGiraffePosted about 4 years ago

  @RomainDesson

  I'm not a very experienced web designer or anything—up until now, I've just been using a desktop-first approach and then adjusting the size and position of the elements of my page as needed for smaller screens. I haven't really tried a mobile-first approach yet—so I have yet to find out what working that way feels like!

  But apparently, there seem to be a few pros and cons of both mobile and desktop-first design (and I think developers use both, at times).

  Perhaps, try a little Googling and see what you find: https://www.google.com/search?q=mobile+or+desktop+first&oq=mobile+&aqs=chrome.0.69i59j69i57j0j46j0j69i60l3.5673j0j1&sourceid=chrome&ie=UTF-8

  😃

  0