Responsive Web Design Projects - Media Query Problem

HTML-CSS
1

Hello,

I have finished my Technical Documentation Page. I have been doing these projects on my local computer not on the Codepen (because i work in an offline environment so i don’t have a choice. I downloaded and run the test on my local) . In the Product Landing Page and Technical Documentation Page, the use-cases requires me to implement an at least one media-query to the CSS. And i did and it worked perfectly. As the site changes its layout once you resize the browser. But the media-query test wouldn’t pass.

When i got a chance to go online, I tried to do copy the code to the Codepen and VOILA! It passed. I didn’t do anything besides copy/paste. I didn’t believe my eyes and run the tests on my local files. It didn’t pass the only media query test.

Can someone explain what might happen here?

Thanks in advance.

3

I was doing it like you said. But i changed it to the 1500 thing to pass the test.

Thanks anyway

1 Like
5

I have several media queries (at 322, 424, and 769), and they do not pass on the laptop in local host but they do when I deploy to surge. They also work on CodePen. Might be a problem with the tests and localhost.

2 Likes
6

Same here. The test was not passing on my local copy. But it passes when I upload to Github / Codepen.

1 Like