Media Queries Explained by Web Design Services

responsive design and coding

In responsive coding, we code in a range and all screen sizes that fall within that range are affected by a certain selection of code. These are referred to as media queries. In general, there are anywhere from 3 to 5 average ranges that web designers code in. You can find examples of these ranges on the following website articles: 

Your site is currently coded with the maximum standard of 5 Media Queries and a few extra variations. To code 3-6 more media query ranges would take a couple hours outside of your 30 mins a month of maintenance and would have the possibility to affect .001% of all visitor’s to your site. If you would like us to code for this we can work at our hourly rate, but in my professional opinion, it would be a waste of your resources.

media queries

We code for mobile, tablet, small laptop and large desktop screens. We strive to make everything viewable and the same, across all screens and devices. Coding additional media queries can help with uncommon screen sizes such as, when you adjust your browser to fit on your screen, etc. but it’s not needed for every possible screen size outside of the main ones we do code for.

If the Safari browser is showing an image or element of the site strangely and it is corrected upon refresh this is usually due to either caching with the browser itself or with another conflict in the browsers processing code. There is nothing we can do to correct problems with the browser itself. If, however, Safari shows a problem with the site that stays consistent across mobile devices and desktops that do not fix with a refresh please let us know. It is unlikely that we can fix this as it may again be a problem with the browser itself but there could be changes we can make to adjust for it.

For more tutorials and information on how to customize your website or get started with the design process, please check our Web Design Services channel!

InMotion Hosting Contributor
InMotion Hosting Contributor Content Writer

InMotion Hosting contributors are highly knowledgeable individuals who create relevant content on new trends and troubleshooting techniques to help you achieve your online goals!

More Articles by InMotion Hosting

Was this article helpful? Join the conversation!