How to use grid for responsive design?

Question

Design

Hello.
The question arose: how to use the grid for responsive design? For example, initially, at 1920, I have a 16-column grid (width - 70, middle - 30, that is, 1570px wide), but already at 1366 the size of the container will exceed the width of the specified resolution. How to proceed? Reduce the number of columns, but leave the set values ​​\u200b\u200b( (width - 70, middle - 30), or take a completely different grid for 1366, 768 and 320? If a different grid, then how to use several grids when layout?
I would be grateful for detailed answers. Interesting answers from designers and layout designers, I want to give layouts for layout that will not raise questions

Answer 1

There will always be the same number of columns in all resolutions. Some of them are removed in the design, but they remain in the layout.
You need to decide which permissions are important for the site - this is determined based on the target audience. If most of your users are sitting on phones, tablets and netbooks, this full-hd layout did not give up to them at all. In this case, google about bootstrap, everything has long been and clearly chewed)