Responsive layouts not working in certain browsers

Basically, the problem you are having is that you wrote some HTML and viewed it in a browser. That browser saved the html file locally on your computer (this is browser caching) so it could more efficiently open it if you returned to that page.

You then changed the file, but your browser was still opening the old version saved in the browser cache. So when you cleared the cache, you are deleting those saved files and your browser will retrieve the latest version.

One of the simplest solutions when testing and developing a web page to avoid your work from being cached is to use Chrome's incognito mode or Firefox's private window.

I hope this helps you understand the nature of the problem you encountered and how to work around it! ♥♥♥

Hi Teri :)

What was the responsive code you were using i.e. flexbox etc. ?

Clearing the cache will just allow the browser to basically read the document freshly rather than use anything of memory it has from the last time it processed that code. (Very Broad Description)

Craig

Your browser cache your css, javascript files because of faster webpage loading. There are a couple of ways to prevent this.

The simplest is:

• Use a PHP snippet like this:

<link href="/stylesheet.css?<?php echo time(); ?>" rel="stylesheet" type="text/css">

<script type="text/javascript" src="/site-script.js?<?php echo time(); ?>"></script>

It's a very simple technique and doesn't affect your CSS or JavaScript code in any way.