Submitted over 1 year ago

Results Summary Component Using HTML & Sass

Arif Faisal• 580

@arifaisal123

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Results summary component

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

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?

Community feedback

Chris• 520

@9CB5

Posted over 1 year ago

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

Arif Faisal• 580

@arifaisal123

Posted over 1 year ago

@9CB5 Wow, that's actually good to hear that it is working. Yes, I did check the width (Samsung A71) and even tinkered with it, but to no avail. Maybe an issue with my mobile browser, I'm not too sure.

Please log in to post a comment

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