Responsive qr card

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  Hello Shubh, welcome to Frontend Mentor community and congratulations for your first challenge.

  I took a look on your live site and I've some tips to fix some problems:

  1.The background-color should be applied to the body to avoid that you had non-fullscreen background, apply that to body and set height: 100vh to fill all background.

  body { background-color: hsl(212, 45%, 89%); height: 100vh; }

  2.The image import error, your image wasn't imported becaus probably missed two dots because your image is inside a folder/subfolder, use one dot if you image is inside a one-level folder . and two if the image is inside of a folder inside a folder .. to indicate the folder, <img src="../project images/qr-code-component-main/images/image-qr-code.png" alt=""> try this and see if image get imported.

  3.For the container div try to use max-width instead of width to have a flexible box.

  4.Try this box-shadow to have a soft-blur shadow effect box-shadow: 5px 5px 15px 5px rgb(0 0 0 / 3%);

  The rest seems fine, feel free to ask me anything, I'll be happy to help you!

  0
• 

  Ifenna Alexander Obih•10

  @Alexanderthegreat7Posted over 2 years ago

  What happened to the QR Code Picture.

  0