This CSS will center loop grid items in cases when you have less number of items in the 2nd row. For example if you have 5 items only. Make sure to add the CSS Class below to the Loop Grid widget: servloop

@media (min-width: 1024px) {

.servloop {

–loop-columns: 4;

–loop-gap: 30px;

}

.servloop .e-loop-content,

.servloop .elementor-loop-container {

display: flex;

flex-wrap: wrap;

justify-content: center;

gap: var(–loop-gap);

}

 

.servloop .e-loop-item,

.servloop .elementor-loop-item {

width: calc(

(100% – ((var(–loop-columns) – 1) * var(–loop-gap)))

/ var(–loop-columns)

);

}

}

Add Code Here
Additional Instructions/Information
Make sure to add this CSS Class to the Loop Grid widget that you want to fix:servloop