Skip to content
OverviewSolutions
3
Comments
3
Howslifem8
@Howslifem8

All comments

  • Howslifem8•50
    @Howslifem8Posted about 2 months ago

    Hello, your page seems to have everything needed but it wasn't quite done. You could improve your CSS to make the spacing look more natural. Additionally you can use anchor tags <a> to add your own links to those buttons. Good work, I can see the effort but spending a little more time with CSS may help you improve.

    0
  • Howslifem8•50
    @Howslifem8Posted 2 months ago

    Hello Joseph, your work here has amazed me. I'm quite the junior so to say, so seeing your well organized code looked beautiful. As for the website, it looks spot on ! even the hover 'animation' was there. Wish I could've tested mobile response design but I couldn't. Anyways great job keep it up ! I definitely learned some stuff from your code, thank you.

    Marked as helpful
    1
  • anthony•170
    @Codingtry123Submitted 3 months 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
    Howslifem8•50
    @Howslifem8Posted 3 months 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