Design comparison
Solution retrospective
Able to construct a bit complex design
What challenges did you encounter, and how did you overcome them?Styling table element
What specific areas of your project would you like help with?Community feedback
- @keinermendozaPosted 2 months ago
First of all, great job! Your solution looks fantastic on desktop. However, I noticed that this challenge becomes a bit easier if you take a mobile-first approach. I would recommend going in that direction.
Try to avoid using px and instead, make more use of rem or em units.
One thing I’ve found useful for giving an element a fixed width on large screens while keeping it responsive on smaller screens is to set both a percentage width and a fixed max-width. For example:
.card-hero { width:100%; max-width:20rem; }
I hope you found this comment useful, and good luck on your coding journey!
1@KharmannnPosted 2 months ago@keinermendoza sure! this is really helpful, thanks Keiner!
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