Responsive Blog Card Design

Solution retrospective
"I'm incredibly proud of myself for designing this amazing blog card from scratch! It was such a rewarding experience, and I had a blast bringing it to life. Throughout the process, I learned so much about design, layout, and creativity. It’s not just a card—it’s a reflection of my growth as a designer. I can't wait to create more and continue honing my skills!"
What challenges did you encounter, and how did you overcome them?One of the biggest challenges I faced was aligning the elements perfectly and making the design responsive across different screen sizes. At first, the layout looked fine on desktop, but it would break or shift awkwardly on mobile devices.
To overcome this, I studied how Flexbox and CSS Grid work, experimented with media queries, and reviewed a few online tutorials. I also had to debug spacing and padding issues, which really tested my patience—but it taught me a lot about precision in UI design.
Another challenge was choosing the right color scheme and typography that complemented each other. I explored different combinations, took feedback, and eventually settled on a design that felt clean, modern, and visually balanced.
Overall, every challenge became an opportunity to learn something new, and that’s what made the process so enjoyable and satisfying.
What specific areas of your project would you like help with?Responsive Design – Making sure the card looks good on all screen sizes. Color Scheme – Balancing colors for a clean and modern look. Content Layout – Structuring the text (title, description, author info) clearly. Image Placement – Ensuring the image fits well and doesn’t stretch or crop awkwardly. Box Shadows & Borders – Adding depth and polish to the card.
Please log in to post a comment
Log in with GitHubCommunity feedback
No feedback yet. Be the first to give feedback on UBAID KHAN's solution.
Join 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