Design comparison
Solution retrospective
Hi there! Thanks for viewing my solution :)
This is just a short 30min practice. Any comments are appreciated!
Community feedback
- @shashreesamuelPosted over 2 years ago
Hey good job completing this challenge
Keep up the good work
Your solution looks great however I think that the card is missing a subtle box-shadow using
box-shadow
.I hope this helps
Cheers
Happy coding 👍
Marked as helpful1@MelvinMelonGitPosted over 2 years agoHi @TheCoderGuru ,
Oh yes! now you have mentioned it I forgot to add that. Thanks for your comment! :)
0 - @isprutfromuaPosted over 2 years ago
Hi there. You did a good job 😎
keep improving your programming skills🛠️
your solution looks great, however, if you want to improve it, you can follow these steps:
✅ Disallow @import . CSS font @import prevents parallel downloads, use <link> instead.
@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@400;700&display=swap');
✅ pay attention to the automatic report on your solution. you need to fix html and a11y errors
✅ You should use css variables. They can be useful for reducing repetition in CSS, and also for powerful runtime effects
✅ Missing unique Alt Text
<img src="./images/image-qr-code.png" class="card__img">
I hope my comment was helpful to you. If so, you can mark it useful =) It's not difficult for you, but I'm happy.
Cheers
Marked as helpful1@MelvinMelonGitPosted over 2 years agoHi @isprutfromua ,
Thanks for your detailed comments! Will improve on it for future projects! :)
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