Design comparison
Solution retrospective
When I open my solution through vscode everything is identical as the design given but when I deploy the site through github it messes up my project. Anyone know how to fix this? Also, the top half of the avatar image has a blue border. How do I remove that blue border that is only on the top half of the avatar?
Community feedback
- @techantherePosted almost 3 years ago
Try adding . before the path like ./images/... in your code, this will load the images from github because currently, the images are not accessible from page. Regarding the blue border, I don't see it can you please explain more?
Other things, I will like to mention are, the card is not responsive for the smaller screens so you should make it a mobile-first design, where you design for mobile screen sizes first like you need to decrease the width of the card so it fits on screens around 300px to 320px. Then, though it's not required but if you wish to increase card size for larger screens you can add a media query for min-width, which might be anything around 500px or 550px for this example. Other than that design and code all fine, well done!
Marked as helpful1
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