Design comparison
Solution retrospective
What I'm most proud of in building the stats preview card component is how I was able to bring the design to life using HTML and CSS. I paid close attention to layout, ensuring that the card was visually appealing and responsive. It's rewarding to see everything align neatly with the stats displayed just as I envisioned.
Next time, I would focus more on optimizing the code. I feel that I could reduce some of the CSS redundancies and make the code more efficient by using better class structures or even experimenting with CSS variables for consistency. I might also consider using flexbox or grid more extensively to simplify the layout.
What challenges did you encounter, and how did you overcome them?One of the challenges I encountered was getting the card to maintain its layout across different screen sizes. Ensuring that the stats and labels aligned properly, especially on mobile, was tricky. I overcame this by adjusting media queries and using relative units like percentages and em values instead of fixed pixels.
What specific areas of your project would you like help with?I would like help with improving the responsiveness further, especially for very small screens. Additionally, I'd appreciate feedback on how to enhance the visual appeal of the component or how to implement animations to make the card more dynamic.
Community feedback
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