1 Correct answer
You might as well ask "how long is a string?" in this forum. You'll get different answers from everyone, and sometimes multiple answers from the same person.
Personally, I work Mobile-First with everything being developed around the mobile experience, then I'll add a CSS Media Query at the end of my stylesheet with overrides for larger screens.
I typically use two stylesheets. One for purely stylistic things (like fonts and background colors) and another for the page layout itself. I don't see an
...
23
Replies
https://forums.adobe.com/people/Jon+Fritz+II wrote
I don't see any reason to separate them out by device, but that is one of the new fads in development lately.
Has that comeback into vogue, thats what used to happen years back. Next you'll be telling me the use of tables for design has made a come-back. I swear everything just goes around and around in circles regurgitated by the next generation who think its a new way to do something
And now for something completely controversial, sorry that should have been different 
.
As Jon said every reply you get will be from a different viewpoint. I start with desktop, but for a different reason than Osgood. Hi-dpi monitors and smart TVs are becomming more and more popular in use for web browsing, add to those games consoles, which have browsers built in, (xbox=IE11 and Edge, ps3/4=Chrome but older versions), user base for all such devices all estimated between 5-12%.
Starting with desktop allows me to start at a middle point in user possibilities, (mobile, tablet, Pro tablets/laptops, desktop, larger screens).
The simplest method to use is Flexbox as this can go from mobile to anything else, without media-queries if necessary, (much better with one or two). Another way is to use flexbox for components for css grids, that way your site will fallback to flexbox, (if done correctly) if required, and use a css layout which has many possibilities, (css grids).
No matter what you choose though, there is a learning curve involved, even if you use the old floats method of layout.
pziecina wrote
osgood_ wrote
We can't use grid yet without fall backs can we? 'Can I use' says 88.3% - that's quite high - how high is high enough?
What's the opinions?
Do NOT use css grids without fallback, (reason later) that said if css flexbox is used for 'components' etc inside css grid areas, then it is just a matter of using the @support rule, (once for css grid) IE10/11 is a bit of a problem, but the old grid specs they support, can be used with very good results, (remember you are talking desktop or games console, so easy to code for).
The reason I say do not use without fallback, is because if you look at the 'can i use' stats, they do not cover Android devices over 1-1and1/2 years old, or iOS devices that cannot be updated, (for whatever reason). They also do not cover smart tvs, and ps3 consoles.
Play Station 3 - Im not designing for the kiddies
I guess if you want you could just show 1 column on the old Android devices, (mobile first approach) - much of mobile is one column anyway, especially when you get down to smartphone - so I think with due care and attention its probably closer to being rolled out than not.
pziecina wrote
PS3 - Think of the age group of people who still have that console now. 23-30 year olds, married, (or in a partnership) and cannot justify the financial cost of updating.
I guess they would be more interested in Pokemon or whatever they do these days rather than browsing the internet.........I once had one of those consoles were you could play ping-pong and ping-pong and ping-pong
The reason I say do not use without fallback, is because if you look at the 'can i use' stats, they do not cover Android devices over 1-1and1/2 years old, or iOS devices that cannot be updated, (for whatever reason).
Linearizing is not a bad thing 
Standard phones should be linearized anyway and there is a far less instance of archaic tablets than there are phones. The worst case is these folks are going to get a single column. Not a bad tactic in my opinion.
AdChoices