Solved
Product grid high speed doors
Where can i find the product grid for high speed doors in AEM? I want to make some adjustments.
This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
To adjust the product grid maybe you'll need to modify the responsive grid system. Here's how to approach it:
- Customize Grid Breakpoints: Front-end developers can modify breakpoints (e.g., mobile/desktop widths) by editing the grid.less file. This allows alignment with UX-defined layouts
- Adjust Gutter Spacing by adding padding to grid columns using CSS. For example:
.aem-GridColumn:not(.container) {
padding: 0 8px; /* Default gutter */
}
@590883 (min-width: 768px) {
.aem-GridColumn:not(.container) {
padding: 0 16px; /* Larger gutter for desktop */
}
}This should ensure consistent spacing across components
- AEM’s grid uses fluid layouts (percentages) for responsiveness. Ensure templates and components are configured to adapt to screen sizes: AEM Responsive Grid System
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.