
Design comparison
Solution retrospective
I was able to finish the project in half a day, making it responsive with Flexbox and clamp().
What challenges did you encounter, and how did you overcome them?At first, I struggled to keep the card responsive, but the clamp() function was a big help.
Community feedback
- @subjectiverealityyPosted 20 days ago
You did well. Looking at your code, you didn't use React though (and it was tagged). I almost didn't check because I'm not familiar with React. Your code looks clean and efficient.
Something to note though is that IDs should not be used so often in CSS. Classes are preferable when assigning reusable styles because they can be applied to different elements (e.g. div, p, button, etc) at once. You can use them to style multiple elements with the same attributes.
IDs are useful when working with Javascript but are preferably used when only one <h1> or <p> or whatever element you choose has the applied styling. IDs are also useful as anchor links. Otherwise, they should probably be used sparingly (this is what I've read online).
For more information, you can message ChatGPT with the following statement: 'when to use class and when to use id in CSS'. ChatGPT helps me a lot with figuring out how to achieve a particular result with my code.
Marked as helpful1@chryspenalberPosted 19 days ago@subjectiverealityy, thank you very much for your comment! Great to know about the IDs. Funny thing is that I didn't really tag React (I haven't even learned it yet), and I don't see where it is tagged, but it was definitely a mistake.
1
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