Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
3
Comments
4
Frida đŸŒŧ
@FridaWaldt

All comments

  • AmiraxHamzaâ€ĸ50
    @AmiraxHamza
    Submitted over 1 year ago

    QR code component

    1
    Frida đŸŒŧâ€ĸ90
    @FridaWaldt
    Posted over 1 year ago

    Hi Amirax!

    Well done in completing and posting your challenge. 🎆

    I belive something went wrong with the github repository, I cloned your project and removed the 'p' in the name of your index.html file and it seemed to have fixed it. Would you try this solution and push it to github and hopefully we can see your solution. 😊

    Let me know if it worked!

  • Enis Kertiâ€ĸ590
    @eniskrt
    Submitted over 1 year ago

    Qr Code Card

    3
    Frida đŸŒŧâ€ĸ90
    @FridaWaldt
    Posted over 1 year ago

    Hi Enis! Well done on completing this challenge 🙌

    I have a suggestion to make it easier for you to center your card on the page, let me know if you try it out. 😊

    In your CSS file, I suggest you add the following code to your body tag: height: 100vh

    That way you can remove the margin-top: 10rem from your main.card tag.

    Hope it helps, and good job! âœ”ī¸

    Marked as helpful
  • Yabsiraâ€ĸ710
    @Yabsira21
    Submitted over 1 year ago

    QR code component

    1
    Frida đŸŒŧâ€ĸ90
    @FridaWaldt
    Posted over 1 year ago

    Hi Yabsira! Great job on completing this challenge. 🎉

    I looked through your code and well done on making it easily readable! I wanted to suggest a couple of things to you, let me know what you think. 😊

    I see you left the alt attribute on the img tag empty, I would strongly recommend to fill this out, you can write for example "QR code: Frontend Mentor". Here's a nice article on the subject of Accessability! Accessability article

    To center your card I would recommend removing margin: 0; in your CSS on the body tag, instead adding:

    display: grid;
    place-items: center;
    height: 100vh;
    

    You can also remove the following on the div tag and it would look centered:

    margin: 0 auto;
    position: relative;
    top: 100px;
    

    Good luck with your next challenge, you'll do great! 🎇

    Marked as helpful
  • Egide20â€ĸ20
    @Egide20
    Submitted over 1 year ago

    QR-code-component

    1
    Frida đŸŒŧâ€ĸ90
    @FridaWaldt
    Posted over 1 year ago

    Hi Egide! I wanted to help give you pointers by reviewing your code but couldn't get to your github repository, is it possible to make it public so that we can help you how to improve and help you with your difficulties of moving the div box to center? 😊

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