How many layouts do you need for a responsive site, for which orientations (smartphone and tablet) and what grids should be?

Question

Adaptive design

Hello colleagues. Please clarify some points about layouts for a responsive site and grids for layouts. I am making a layout for a responsive website for the first time and immediately ran into a number of questions.
1. How many layouts do you need?
2. Under what permissions should layouts be?
3. Is only a portrait version made for smartphones and tablets, or is landscape also needed for both devices?
4. If for the 1920 screen my layout has a 1880 grid, then what other layouts do I need that will be on screens before the tablet version?
5. Can a grid have more than 12 columns? For example, can I use 16 columns for a 1880 grid.
6. Is it possible to lay out a layout on such a modular grid using bootstrap?
I also stumbled upon this article, which talks about modular grids, for example, it says about a grid for 1440 of 20 columns, but then how to make such a layout on bootstrap if it involves 12 columns?
https://habrahabr.ru/company/rambler-co/blog/261679/
Help me figure it out, I really want to learn how to make layouts for adaptive sites correctly and so that the layout designer does not curse)))

Answer 1

I think three layouts are quite enough (I would be happy if they gave me at least as many, in fact they give me one and spin as you like, but I need an adaptive :) ). Mobile - 320, tablet - 768 and desktop - 1280. Now more often layouts come under 1920. Sometimes it is difficult to adapt them to a smaller width. The first two layouts, as a rule, are a simplified view of the site, with a touch-oriented interface.
At the same time, it would be good to take into account the retina, and draw layouts either in twice the resolution (320 * 2, 768 * 2, 1280 * 2), or use smart objects (in Photoshop), or draw in illustrator.
There are enough portrait layouts; in intermediate values, a normal layout designer will always do it beautifully.
The network should be possible. What it will be, it doesn't matter. Make as many columns as you need for your design. But here, too, there is no need for fanaticism. 12-16, maximum 24 (although this is probably too much). From the point of view of the code, it will not be difficult to describe any grid, as long as it exists.
Bootstrap is quite flexible in setting, the number of columns can be any, as well as the distance between them. I most often see 12- and 16-column grids.