Design comparison
SolutionDesign
Community feedback
- @benjoquilarioPosted over 3 years ago
Great work! on finishing another project.
Some suggestion:
- increase the height of the each boxes according to the provided design, just use the
height
property or just increase thepadding
sizes. - center the 3 boxes, even the sizes of the screen is different, I'm using 1366 x 768 but the 3 boxes not centering properly.
2.1 Try to add
align-items: center;
andjustify content: center;
oncard
so that any screen sizes It will still center. - decrease the amount of
margin
in@media (max-width: 768px)
, so that in smaller mobile view It will still good view. - add the
cursor: pointer
and:hover state
on button tag.
Good work! and keep coding(happy coding too).
Marked as helpful0 - increase the height of the each boxes according to the provided design, just use the
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