Bad use of margin and width

[Wednesday Night Hop]

The Services element uses the following css:

.lae-grid-container {
  margin-left: -20px;
  margin-right: -20px;
  width: calc(100% + 40px); }

That causes issues. I have attached a screenshot to show the problem. Depending on where the element is inserted and the size of the viewport, it can create a blank margin to the right of the content. It also seems to mess up the layout on small screens.

Please fix.

[Veena]

We are not seeing any issues with our demo site.

Can you share a link to specific page, pls?

[Wednesday Night Hop]

Hmm it looks like I was wrong and it does not cause issue.

I do not have an issue with this:

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

This adds a margin of 50px at the bottom of the container.

[Veena]

Hope everything is sorted out and thanks for letting us know.

[Author]

Posts