How to add spacing between columns in AEM grid

Avatar

Avatar

LikesAEM

Avatar

LikesAEM

LikesAEM

02-03-2021

We are on 6.5.3. Like in CSS/bootstrap, there is a property to add the spacing between grid columns. I would like to know if there is any way to achieve this in AEM Grid? We need to add some gaps to ensure content doesn't stick together when content is placed inside the column grids.

Accepted Solutions (1)

Accepted Solutions (1)

Avatar

Avatar

BrianKasingli

MVP

Avatar

BrianKasingli

MVP

BrianKasingli
MVP

03-03-2021

@LikesAEM,

In a clean AEM project, you can manipulate the clientlib-grid/less/grid.less. Take a look at the latest AEM maven archtype project, https://github.com/adobe/aem-project-archetype/tree/98f3b4efa9834437881b31a336459abe6a89ad00/src/mai...

 

Answers (1)

Answers (1)

Avatar

Avatar

Vijayalakshmi_S

MVP

Avatar

Vijayalakshmi_S

MVP

Vijayalakshmi_S
MVP

04-03-2021

Hi @LikesAEM,

.generate-offsets from the file /libs/wcm/foundation/clientlibs/grid/grid_base.less has the related definition. (This file is imported to our grid.less file)

See if you can make use of this in grid.less file based on your need.