Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

stats-preview-card-component - Responsive

@Ashok-Kumar-dharanikota

Desktop design screenshot for the Stats preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I'm delighted to share that I've successfully created a responsive website. Initially, I faced challenges. Determining which elements to modify and which to leave untouched was puzzling. After completing the desktop version, transitioning to a mobile responsive design proved to be another hurdle.

Realizing the need for a fresh perspective, I took a brief break. Upon returning, I decided to approach the problem systematically. I commented out all the existing CSS and began adjusting each class, one by one, with the mobile view in mind. Within just 30 minutes, the mobile version was complete. This experience was not only a testament to the website's progression but also a reflection of my personal growth. As a person who struggling to understand responsive design splitting the problem into smaller steps and combining them is a really good approach I believe.

However, I recognize that there's always room for improvement. As I continue to learn and enhance my skills in creating responsive design, I welcome any suggestions or feedback to improve my work.

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

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