Before setting media queries—getting the browser to behave
Mobile browsers behave as if their screen width was 1024px, which means they can display most websites at their full width, behaving like a small desktop monitor or an iPad in landscape orientation.
Before we can set our media queries, we need to tell them to stop doing that, or they will simply ignore them.
We need to add some extra code in the <head> section for each page of our site. In WordPress this is easily done, as this section is found in the file called header.php.
