Bottom margin on .lae-service

[Wednesday Night Hop]

I see that a bottom margin is added as follows to .lae-service:

  .lae-services .lae-service {
    margin-bottom: 50px; }

This adds a margin of 50px at the bottom of the container, which is unfortunate. I am guessing that you are trying to add margin between each element but it’s not quite the right way to do it.

I think what you meant to do is the following instead:

.lae-grid-container .lae-services .lae-service {
  margin-bottom: 0;
}

.lae-service-wrapper {
  margin-bottom: 50px;
}

.lae-grid-container {
  margin-bottom: -50px;
}

This first part is just to remove the margin you added. This adds margin between the elements and then negate the margin at the bottom.

[Raghavendra]

We will take a look. Thanks for the suggestion.

[Author]

Posts