Project Tracking Intro Component (HTML | CSS | JS Vanilla)
Design comparison
Solution retrospective
...made with a lot of love 🤘🏻🙂
Community feedback
- @chukwudobe-MicahPosted about 2 years ago
Hey @cheosphere, this isn't about your project but mine. If you look at my page you'll notice that some of my projects (if not all) when you check the path where you can compare the design and solutions together, you'll see my projects zoomed in very much, but when you open it on your laptop you'll see that the project is okay and it fits your desktop, do you know why it's so zoomed it? It doesn't let me compare my projects and solutions well, does it have to do with my media queries? I use min-width: 1200px for my media queries if you have the time or you can check out any of my project repo and give a feedback, I'll really appreciate.
1@CheospherePosted about 2 years ago@chukwudobe-Micah Hello Chukwudobe, I hope you are very well!. I understand what you are saying, and what you can do is to set the main container of your project a width limit, that is, set the max-width property with a value of 1440px, since the original UI design (the file named desktop-design.jpg) is precisely 1440px wide, and it seems that the platform takes a screenshot of your project with the same width (1440px) and then makes the comparison between the original design and our solution. You can try in the next projects to apply what I have mentioned to you, to see if you manage to solve the mentioned detail. Cheers!
0@chukwudobe-MicahPosted about 2 years ago@Cheosphere thank you a lot, you've really been a lot of help. I'll try that now, I should just do this for the main?nnotnthe whole body?
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