The Crimson Blog

If you are a web designer (cursing under your breath), trying to figure out what the heck has gone wrong in your responsive web design, you may find the answer in this tutorial.

Sometimes when a responsive design goes “haywire,” the answer is a simple Gotcha! It could be a CSS3 media query mistake so simple that you’ve just overlooked it.

If you’re new to media queries, consider reading CSS3 Media Queries for Beginners first.

Otherwise, grab a cup of coffee and check out the “Simple Gotchas” below. You may be overthinking the problem. Read more…

If you are a small business owner with a WordPress website, this tutorial is for you.

It starts with a party scenario and a dash of humor.

Read more…

Media Queries are Essential to Responsive Web Design.

With CSS3 media queries, we can write CSS that delivers an optimal web experience for visitors viewing our websites at different screen sizes. CSS3 media queries also help us fine-tune our designs for our ever-expanding mobile audience. Let’s take a look at the details.

If a visitor has a web browser that supports media queries (IE9 and above), we can write CSS specifically for certain situations. For example, we can detect that a visitor has a small device like a smart phone and give them a specific layout.

Read more…