Answer the question
In order to leave comments, you need to log in
How to make adaptive layout for large screens?
Let's say I have a layout with a width of 1440px , first I layout it for this screen width, then it adapts to smaller screens (changing block arrangements, decreasing fonts, block sizes, etc.).
But what about large screens, you also need to do similar actions for them as with an adaptive for small ones, maybe there is still an opportunity to somehow scale the picture for large ones so that it looks exactly like the layout for the default size? And if so, will Google count it as a full-fledged adaptive, will there be a loss in SEO because of this?
Answer the question
In order to leave comments, you need to log in
Let's say I have a 1440px wide layout
1. About images: here .
2. Divide sections like this: 1920, 1280, 800, 320.
(Prev=Start=320, Next=Prev+ ~500).
3. Markup - on flex.
4. Fonts - their own, finer grid for line alignment (vertical rhythm).
1. Mobile first has been justifying its existence for several years now. It is better to go from smaller to larger in layout.
2. To use different images use srcset in img or picture tags.
3. Large monitor (usually widescreen) != retina display (display with increased density).
4. For non-standard monitors, including widescreen monitors, you need a layout, or responsibility for layout changes (generally cool when a widescreen displays a design tailored to it), otherwise center the main container. Even when fitting to widescreen, there is a place to be a centered container.
5. Such sophistication in itself has nothing to do with SEO. It is important that the site adapts to mobile devices, as search results are increasingly going to them.
6. With such a formulation of the question, you will most likely screw up the optimization of the project, or make a bunch of errors in validation and without keeping your attention on the site with natural promotion, you will most likely hang out somewhere at the end of the list.
How to make adaptive layout for large screens?
Didn't find what you were looking for?
Ask your questionAsk a Question
731 491 924 answers to any question