Skip to content
Submitted over 1 year ago

🐣Building QR code component by HTML CSS (flexbox)🐣

maxgaretdev•40
@maxgaretdev
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

Feedback welcome 👻

Community feedback

  • Fer•3,970
    @fernandolapazPosted over 1 year ago

    Hi 👋, in case you want to take a look:

    HTML:

    • The main content of every page (the card in this case) should be wrapped with the <main> tag.

    CSS:

    For example, here are some very common and useful ones to get you started:

    *,
*::before,
*::after {
box-sizing: border-box;
margin: 0;
padding: 0;
}

    If you are setting margin and padding to 0 for the <body> wanting to do that reset, note that it will only apply to that element as these properties are not inherited by default by the child elements.

    • By specifying a fixed height for the card, the content will fall off the card in small width viewports (less than 240px in this case).
    • You don't need to use font-weight: 700 as this is the default value for bold font (headings).

    I hope it’s useful : )

    Regards,

    Marked as helpful
    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