QR Code

There is no image in your repository, so the entire contents of the container are not displayed correctly.

Hi there!, great job on completing the challenge. Here are some suggestions that could help:

• The qr-code image isn't rendered on the page. Unfortunately it seems you do not have an images folder which results in a broken image. Ensure your images folder is in your project with the image inside and push to github.
• Try removing the "./" in your image path. Paths are handled differently in a deployed environment compared to a local one, the "./" could affect the rendering of the image.
• It's good practice to put the univeral selector: *{css styles here} at the top of your css before other styles.
• Your container is not properly centered in the mobile version. Try creating a wrapper for the container and use display: flex; justify-content: center; align-items: center; to center the container.
• Check out these articles to help you better understand when to style elements with a class and when to use an id: CSS Id vs Class ID vs. Class CSS: Which Should You Use?