
Design comparison
Solution retrospective
I made the blog card responsive to adapt to different screen sizes, ensuring they display correctly on devices with various resolutions.
By the way, I was also thinking of making the hover color a bit darker because I feel like the yellow doesn’t stand out enough, even though it is noticeable.
What challenges did you encounter, and how did you overcome them?While adapting the blog cards for different screen sizes, I encountered challenges related to scaling the elements. To resolve these issues, I used flexible units such as vw, vh, rem, and %, as well as Flexbox for optimal element placement. This allowed me to ensure that the blog cards display well on various devices.
What specific areas of your project would you like help with?I’d love to get some advice on how to make those blog cards even more responsive across different devices, especially when it comes to aligning elements on any screen size. Also, I’d appreciate some pro tips for code optimization and boosting the site's performance — gotta make it run as smooth as butter!
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