Design comparison
SolutionDesign
Community feedback
- @PavlovVitaliiPosted 28 days ago
There is no image in your repository, so the entire contents of the container are not displayed correctly.
0 - @khal45Posted 29 days ago
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?
0
Please log in to post a comment
Log in with GitHubJoin 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