Skip to content
Submitted about 1 year ago

qr-card-component

Fallou Jeng•540
@falloumacbook
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

I am new here!!! All feedbacks are welcome.

Community feedback

  • Gus•60
    @angusgeePosted about 1 year ago

    Hi Fallou, and welcome! 👋

    Let me give you some tips to point you on your way.

    The background needs to be a different colour to the component. You will therefore need a div (divider) of some sort in your markup (html) to apply the styles.

    You could do and will see people doing this:

      <body>
    <div>
      <img />
      <h1></h1>
      <p></p>
    </div>
  </body>

    but we can use a more semantic approach:

      <body>
    <main class="container">
      <img />
      <h1></h1>
      <p></p>
    </main>
  </body>

    So, what you need to do now is learn to target these elements with css selectors 😉 GL

    0
    Fallou Jeng•540
    @falloumacbookPosted about 1 year ago

    @MaltaWebDev thank you so much, i will work on that.

    1

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