All comments

• 

  anthony• 170

  @Codingtry123

  Submitted 28 days ago

  What are you most proud of, and what would you do differently next time?

  keep the simple project simple. Using container to wrap the element you want to style.

  What challenges did you encounter, and how did you overcome them?

  how to position child element away from the parent element. Setting appropriate size for parent and child element. Using margin to distance border of parent element and child element.

  What specific areas of your project would you like help with?

  how do I choose sizing unit for different types of context and when building website responsively?

  

  QR code component using html and css flex box

  2

  32

  

  Howslifem8• 10

  @Howslifem8

  Posted 26 days ago

  Hello Anthony, you've done a great job with this project. Your website looks identical to the design. The only 'thing' was the size of the card container as it looks a little smaller than the original but besides that everything looks great. As for your question, the sizing units differ based on the context of your website. There 2 categories of sizing units, Absolute units and Relative units. The main behavioral difference between them is distinctly in their names. Absolute units are sizing units used to create fixed dimensions. They do not change size or location when the screen size changes (EX: px, cm, mm, etc). Relative units on the other hand scale with the environment (EX: em, rem, %, etc). Relative sizing units change depending on how the website is being viewed (on a smaller/larger screen etc). For example a relative unit known as 'rem' is used for scaling text relative to the root element, meaning if the root font size is 16px then 1rem = 16px. Hope this helped a little. Have a nice one !!

  0