Results Summary Component Using HTML & Sass

Solution retrospective
Another challenge completed!
However, I'm down with a very strange problem for this challenge, and I ask my fellow learners to help with a solution for this!
I did not take a mobile-first approach for this design, which means I created the desktop version first, and then used media queries for mobile responsive version.
The issue is when I check my mobile version with chrome/firefox developer tools, I did not seem to have any problem, and the mobile version perfectly resizes and creates the layout I want to. On the contrary, when I actually view the site from my mobile, I seem to find no responsiveness in it, and it is just the desktop version showing on my mobile.
I tried removing caches on my mobile, and included the responsive meta tag in the head element of my HTML, but still there is no progress on this.
Anyone has any solution to the problem I'm facing?
Please log in to post a comment
Log in with GitHubCommunity feedback
- @9CB5
This might sound dumb but have you checked the width of your mobile? Your phone might be wide enough that it's not triggering the mobile view. I just checked your website on my phone (Pixel 6 Pro) and it is showing the mobile view.
Marked as helpful
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