Bad use of margin and width

This topic is: resolved

Tagged: , ,

This topic contains 3 replies, has 2 voices, and was last updated by Veena Veena 10 months ago.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #30284
    Wednesday Night Hop
    Wednesday Night Hop
    Participant
    Post count: 2

    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.

    Attachments:
    #30290
    Veena
    Veena
    Moderator
    Post count: 8021

    We are not seeing any issues with our demo site.

    Can you share a link to specific page, pls?

    #30546
    Wednesday Night Hop
    Wednesday Night Hop
    Participant
    Post count: 2

    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.

    #30554
    Veena
    Veena
    Moderator
    Post count: 8021

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

Viewing 4 posts - 1 through 4 (of 4 total)

The topic ‘Bad use of margin and width’ is closed to new replies.