Design comparison
SolutionDesign
Solution retrospective
I had a few issues with the background, not a big deal, but it isn't exactly as the design file. Any suggestion / observation is welcome :)
Community feedback
- @ApplePieGiraffePosted almost 2 years ago
Hello there, mgil! π
Nice job on this challenge! π Your solution looks great! π
A couple of things I suggest are,
- Using a
button
element for the "Change" button rather than aspan
. π - Setting the width of the card component to
100%
and then adding a max-width to it to prevent it from becoming too wide when there's extra space around it. This is often better than setting the width of the element to a fixed value or percentage because it'll ensure that the element only takes up as much space as it should be allowed to but also shrinks accordingly when the space around it shrinks (such as the width of the viewport decreases). - You can wrap the card component in an
article
tag to make your HTML a little more semantic. π
Hope you find these suggestions helpful. π
Keep coding (and happy coding, too)! π
Marked as helpful0 - Using a
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