Order Summary Card

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  👾Hello Iwan Haryatno, congratulations for your new solution!

  Answering your question:

  I liked to build my solution using PIXEL and just in the end I convert all the pixel units to rem using a VSCODE extension called pixel to rem I choose rem over the other units because this give your site a better look and a better performance between difference screen sizes and devices, because helps to scale the fonts and elements properly and pixel doesnt works so good. I think rem is the unit more used between devs and this why I choose it.

  Here's a good source to undestand all CSS units: https://www.w3schools.com/cssref/css_units.asp

  👋 I hope this helps you and happy coding!

  1
• 

  David•8,000

  @DavidMorgadePosted over 2 years ago

  Hello Iwan, congrats on finishing the challenge, good job!

  To answer your question, using relative units (rem, em...) for sizes, is better than using absolut units like pixels, in some cases it is better to use pixels, for example, I prefer to use Pixels to define my media queries over rems.

  You can also set your rems to be equivalent to 10px instead of the default 16px using this little snippet in your CSS, then you can use rems instead of pixels in a more accurate way:

  html {
    /* 1rem = 10px */
    font-size: 62.5%;
  }
  body {
    font-size: 1.6rem;
  }
  

  Hope my feedback helps you!

  1