Desktop first design using HTML and CSS

Community feedback

• 

  jerry•300

  @realsalePosted over 2 years ago

  Yo! @Txrigxn,

  Great job man, it's not bad at all.

  In terms of responsiveness I recommend using:

  • @media query as it allows you to add breakpoints which you can use to target specific screens, devices, dimensions, orientations etc. Using media queries
  • mobile first approach when doing responsive web design, It is recommended to design the mobile first before moving on the larger devices(This will make the page display faster on smaller devices) How to write mobile first
  • proper use of flexbox, I've seen your design and you're using flexbox the wrong way, I recommend re-understand how this layout approach works. Beginners guide for css flexbox

  You properly center your component, but in your component itself you should remove the position: absolute, You don't need that in there since you already centered your component and it just break your alignment in low screen sizes.

  Marked as helpful

  1

  ---

  

  lenny-zanotelli•110

  @lenny-zanotelliPosted over 2 years ago

  Hey @realsale !

  Thank you very much for your help. I'll practice mobile first approach, it seems easier to do.

  You are probably right about my flexbox approach haha

  Thanks a lot for your ressources and your comment !

  1

  

  jerry•300

  @realsalePosted over 2 years ago

  @Txrigxn Yes following mobile first approach, you're on the right track.

  Welcome man, glad you'll find it helpful

  0