Skip to content
Submitted almost 2 years ago

QR Page using React and basic CSS

Sebastian Lopez Meyer•20
@sebastianlm7
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 don't know how to change the size of the div that contains the image and the paragraphs to make it smaller.

Community feedback

  • Peter Jonathan-Hart•800
    @PeeroDembaPosted almost 2 years ago

    Make the entire QR container relative to the body Let the div with the class container cover the entire QR section Then edit the width and heights in these selectors

    body{position: relative; width: 100vw; height: 100vh} .container{position: absolute; width: 25%; height: 70%} N/B: Toggle the width and height in the container class div tag as appropriate

    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