All comments

• 

  nicknjagi• 300

  @nicknjagi

  Submitted over 1 year ago

  Hello,

  I mostly used pixels for sizing my elements. What is the best practice when it comes to sizing elements using the different sizing units available?. I also faced some difficulty when trying to make my card responsive for mobile devices, Is there an approach I should follow when trying to make my page responsive.

  

  Product preview card using HTML & CSS.

  1

  4

  0

  

  Markus• 130

  @Maggus407

  Posted over 1 year ago

  Hi nicknjagi, i am also pretty new, but what i already learned is:

  • develop mobile first and use percentages and ems for sizing (1em = 16px)
  • then develop for larger viewports
  • it is easier to develop from mobile size to desktop size

  i would also recommend to increase your media queria like @media (max-width:640px)

  • moblie up to 640px
  • tablet between 640px and 1200px
  • and Desktop from 1200px

  I think there are more precise values, but just to have a rough overview.

  I hope I could help a little.

  Marked as helpful

  0