Design comparison
Solution retrospective
I am proud of everything.
What challenges did you encounter, and how did you overcome them?I did not encounter any challenges.
What specific areas of your project would you like help with?I would like to get feedback on my code.
Community feedback
- @DylandeBruijnPosted 4 months ago
Hi @IvanoCro,
Congratulations on your solution, it looks very close to the design specifications. Your code is clean and easy to read.
A couple of friendly suggestions:
-
Instead of using a
div
for your card you could usearticle
to make it more semantic. -
I suggest using
min-height: 100vh
instead ofheight: 100vh
on yourbody
. So you don't run into overflow issues if the card gets bigger. It's not a big problem in this example, just a good practice. -
I suggest keeping the height of the card as
auto
and not setting apx
value. If you add more text to the description you run into overflow issues. -
You could try to use CSS variables to make your style guide values more reusable.
I hope you find my feedback helpful and I'll be happy to answer any other questions you have.
Marked as helpful1@IvanoCroPosted 4 months agoHi @DylandeBruijn Thank you for the feedback, it helps me a lot.
1 -
- @cristianccggPosted 4 months ago
Hi @IvanoCro, Your code and design look great. The only minor detail would be to put the same padding that you have on the sides on the top. It's a minor detail but it would make the design look much cleaner visually. Other than that it looks great, good job!
0@IvanoCroPosted 4 months agoHi @cristianccgg Thank you for the feedback! I will definitely pay attention to the padding.
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