Forum Replies Created
Not the most constructive of replies, but thanks anyway as you’ve been the only person to reply so far (here and on Stack).
The problem is achieving the expanded layout. Any suggestions for that? By the way, if it helps visualize the layout is that of a form with labels and buttons.
It will mostly depend on the design and how well it is implemented. Just because resolution goes up doesn’t necessarily mean a new break point will be required. Stop thinking in terms of devices and resolutions and start concentrating on just the layout. It’ll set you free! ; )
Exactly. Very well said.
The best point is to not think in terms of device widths. A site may not need a single media query in order to be “responsive”.
I realize I’m late to this party, but I think it is a great question with no right answer. There are a couple of variables to consider, like the scope of the project and personal preference.
Simon is of the opinion that it would be a giant pain in the ass to maintain a multitude of media queries strewn throughout your stylesheet, but, think about when you have to change something across all queries. Now you have to change one thing, but in 3 or 4 very different places. Let’s say you have to change the background-color, padding, and font-size of the header. Instead of going straight to your header selector and changing everything there for each of your queries, where you can see all of them, you now have to search and repeat 3 times.
I’m not saying that putting your media queries “inline” is better or worse, but I can certainly think of advantages to each approach.
Personally, I have mostly been using the bottom of my main sheet or an entirely separate file (won’t be doing that one again).