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, first attempt responsive design

@the-coding-beekeeper

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


This challenge was my first try for responsive design. I have an issue with my workflow: To check the responsive size of my elements I use the chrome developer tools. There I can adjust the width and the height of the viewport. But whenever I make a change in my code to adjust my design, the change is not being displayed in the browser. I always have to close the developer tool first and refresh the browser to see the changes of the design I have made. That is very laborious. In videos I have seen other programmers checking their responsive designs, and their changes are being displayed immediately (same as when I use live server in vs code). What am I doing wrong? Thanks for any support!

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