Design comparison
Community feedback
- @BikeInManPosted over 2 years ago
The design on desktop seems to be very close to the design. Congratulations.
I have the following comments for you, if you will.
You should not use div to wrap text. Div is mostly used to group of elements and to style it. .cardTitle, .cardP should be changed to standard html elements like
h2
andp
.Cards stretch the whole screen on smaller than desktop sizes. Try using
max-width
(about 300px) on your cards.You can make this challenge more interesting by adding some interactivity to the cards like a hover effect and also making each card a link. They are supposed to lead somewhere, right?
If you can push yourself a little more, you may even try to display 2x2 cards on tablet sizes.
Hope you enjoyed doing this challenge. For me, it took a lot of time and a lot of trial and error.
Good Luck.
Marked as helpful0@AxurynnPosted over 2 years ago@BikeInMan Thank you so much for your feedback! I made this challenge a long time ago without posting it here :) I tried to improve it with your comments but it would be easier to restart it from scratch!
Thanks again and happy coding ! 😄
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