Responsive design. First order. What about the layout?

Question

Design

Hello. I've only recently started designing website layouts.
Now the following situation has arisen. I made a layout with a working area of ​​960 px. The customer liked the design, but he sent the following answer:
We need responsive. We plan to use https://next.tailwindcss.com/docs/container. Therefore, I would like to see how the layout will work with such data?
Question: does this mean that I need to develop separate layouts for each of the specified sizes? Or do I need to make a layout with a working area of ​​640 pixels? If the latter, what should be the size of the canvas?

Answer 1

There, in the documentation for this framework, it is written what values ​​the layout designer is based on
screens: {
'sm': '576px',
// => media (min-width: 576px) { ... }
'md': '768px',
/ / => media (min-width: 768px) { ... }
'lg': '992px',
// => media (min-width: 992px) { ... }
'xl': '1200px',
/ / => media (min-width: 1200px) { ... }
},