Josh's Web Design Tips


Mobile image with rainbow waves.

With the world trending to more people using their smart phones for everything, this one should hopefully come as no surprise. Sites that can be used on any device are going to rank higher in SEO and overall be more appealing to users.

Mobile traffic surpassed desktop for the first time in October 2016 (according to Erica Lovestrand, author of "The Importance of Mobile-Friendly Websites in 2019"). Stats showed that mobile traffic had surpassed desktop traffic by 3%. Mobile traffic was at 51.3% while desktop was at 48.7% (Click Here For Stats).

Luckily, there are fairly simple tricks web developers can use to make sites more user-friendly. Some include:

Here is an example of a media query:

example of a media query

**NOTE: For your media queries to kick into effect, you MUST have the following code in your head section. It is what's known as the "viewport".

<meta name="viewport" content="width=device-width, initial-scale=1">

Check out some of these Responsive CSS Frameworks as well. Next lesson, the text-align property!