Skip to content
Submitted about 1 year ago

QR Code - HTML and CSS

IkiHati•20
@SusanaEsparza0
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...QR code component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Is there any way to make my css code cleaner? Is there any other way to centre containers without using "place-content"? At one point I used it and left the "justify-items" but when I removed it, the container was not centred. Within the CSS, are there any of the elements that can be removed or replaced?

Community feedback

  • beowulf1958•1,450
    @beowulf1958Posted about 1 year ago

    Great job on the challenge. To make the code cleaner, keep it DRY (don't repeat yourself.) You can move

    font-family: 'Outfit', sans-serif;

    into the body style, and thus eliminate the .text style and the font-family in .attribution

    Otherwise, everything looks good.

    Hope this helps! And keep coding.

    Marked as helpful
    0
  • Saeed Mohamed Alsayed•170
    @SaeedAlsayedPosted about 1 year ago

    You can just use flex in the body

    and set justify-content:center; align-items:center

    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord