Hi
Have you checked this link:
Link:- https://docs.adobe.com/docs/en/aem/6-2/author/page-authoring/responsive-layout.html
// AEM realizes responsive layout for your pages using a combination of mechanisms:
- Layout Container component
This component is available in the component browser and provides a grid-paragraph system to allow you to add and position components within a responsive grid. It can also be set as the default paragraph system on your page. - Layouting Mode
Once the layout container is positioned on your page you can use the Layouting mode to position content within the responsive grid. - Emulator
This allows you to create and edit responsive websites that rearrange the layout according to device/window size by resizing components interactively. The user can then see how the content will be rendered using the Emulator.
Configuring Responsive lay out :- https://docs.adobe.com/docs/en/aem/6-2/administer/operations/page-authoring/configuring-responsive-l...
~kautuk