When creating sites, and in particular, those that are responsive, it is easy to make mistakes; after all, it's like learning any new technology; we're not perfect from the outset!
To help with your first few steps into the world of responsive construction and creating media queries, let's spend a little time exploring some of the more common mistakes, understand why they cause issues, and go through a few pointers to help avoid these problems:
Not including the viewport tag: This is one of the most common errors to make. When working on mobile devices, we have to include this tag if we want them to be displayed without zooming:
<meta name="viewport" content="width=device-width, initial-scale=1″>
If the tag is not included, then text will appear smaller, as mobile devices zoom pages by default.
Syntax errors: Yes, this old chestnut is another common cause of problems! Hard as it may seem, but mistyping a query can throw up errors, especially...