O
O
Olga_liss2022-02-03 11:22:56
Adaptive design
Olga_liss, 2022-02-03 11:22:56

How can I check the layout of the site for how it will look on screens with different resolutions?

Tell me, who knows how, when receiving a design layout, for example in Figma, to see how this design will look on screens with different resolutions before the layout of the site itself? Are there any ways?
I mean not to look at the html page at different resolutions, but only the design layout of this page.

Answer the question

In order to leave comments, you need to log in

2 answer(s)
P
Pavel Lurie, 2022-02-03
@PLurie

No way. The layout will not respond with F12. Just make several screens and watch in the prototype, choosing the desired device in the settings. Only the html page has breakpoints, and the picture cannot have them. Breakpoints should be made by the designer based on the tasks of the customer. Yes, a breakpoint is the point at which the page design changes depending on the screen resolution.

E
Evgeny Golubev, 2022-02-03
@bestowhope

Well, in general, the designer should make layouts for basic resolutions. On the PC version, they usually make the minimum width of the content part, which means that the site will look the same on any monitor. BUT. Xs how the designer drew it, because you can make a completely rubber site.
In short, no way. It's the job of the designer

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question