Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
3
Comments
5

22Theresecodes

@22Theresecodes80 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • Interactive-rating-component

    #accessibility

    22Theresecodes•80
    Submitted over 2 years ago

    0 comments
  • News Homepage

    #accessibility

    22Theresecodes•80
    Submitted over 2 years ago

    0 comments
  • Responsive landing page using CSS grid


    22Theresecodes•80
    Submitted over 2 years ago

    2 comments

Latest comments

  • Michał Fatyga•10
    @fatyga
    Submitted over 2 years ago

    QR Code Component with Flexbox

    1
    22Theresecodes•80
    @22Theresecodes
    Posted over 2 years ago

    Hi Michael, welldone on completing the challenge.

    1. For this particular challenge, you don't need the <br> tag, you can achieve the text effect with margins, widths, font-sizing, etc.
    2. For margins, padding and width, the em or rem is preferred when you need the size to be relative to the parent element's font size. the px is used when you are aiming at a fixed size.

    Read more here: https://elementor.com/help/whats-the-difference-between-px-em-rem-vw-and-vh/#:~:text=PX%20units%20ensure%20consistent%20results,its%20parent's%20size%2C%20use%20EM.

  • prabhjot singh•30
    @prabh234
    Submitted over 2 years ago

    basic qr code card

    2
    22Theresecodes•80
    @22Theresecodes
    Posted over 2 years ago

    Hello there 👋. Good job!

    To clear the Accessibility report:

    I'd advise you wrap the page's whole main content in the <main> tag. Happy coding!

  • Finney•3,010
    @Finney06
    Submitted over 2 years ago

    Mobile first Responsive Result Summary Component

    #accessibility
    2
    22Theresecodes•80
    @22Theresecodes
    Posted over 2 years ago

    I haven't tried this challenge but I know the Z-index property is used for overlapping, you can try it and see if the blue section will "flow" into the white section.

    Marked as helpful
  • Godstime•330
    @iceberg61
    Submitted over 2 years ago

    QR code component

    2
    22Theresecodes•80
    @22Theresecodes
    Posted over 2 years ago

    Hello there 👋. Congratulation for completing the challenge👍!

    I have some suggestions that will make your code better.

    CSS 🎨:

    Avoid using absolute length units px, especially for font-size and width properties, because they are not relative to anything else so that means they will always be the same size. Instead, you can use relative lengths like em or rem. The benefit of that last one is element which has that unit will scale relatively to everything else within the page, e.g., the parent container. You can research more about it.

    I hope you find it useful! 😄 Above all, you did a good job!

    Marked as helpful
  • LillianJoyce•10
    @LillianJoyce
    Submitted over 2 years ago

    QR Code First project

    3
    22Theresecodes•80
    @22Theresecodes
    Posted over 2 years ago

    Something is wrong, we can't see your work, check it properly and submit again.

Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub