How to remove the Responsive Grid div in AEM?

[Ameen_Dev]

Actually, I am using the Responsive Grid in a component and this responsive grid creates a div dynamically in the original HTML. The divs are given below.

<div class="aem-Grid aem-Grid--12 aem-Grid--default--12">
<div class="smb-longplancards aem-GridColumn aem-GridColumn--default--12">

Now I need to remove the above divs from the HTML. How do I achieve this?

[Mohit_KBansal]

Just want to understand, that you are trying to use the Responsive grid without using grid capability? As grid won't work as expected after removing these Divs.

If so, don't you use normal parsys?

[arunpatidar · Accepted solution]

Hi,

If you don't want grid then use simple parsys.

if you ant to remove just styling then remove reference of grid css from your project or oveeride css.