Our page must be first divided into 12-column grids.
Knowing this system we can create a responsive design from the beginning, defining the sections, subsections and adapting the design within columns for desktop and mobile.

The "Small" size is the number of columns for mobile and the "Mid" size is for desktop.

By assigning these sizes, the internal elements will adjust automatically.