主要元素右边的有趣差距

Question

嗨我在http://centuryplace.co.uk/alpha/上使用基础css和调整

由于某种原因，元素的右边有一个有趣的差距。我不确定问题是什么，并且一直在寻找过去一周的解决方案。任何帮助都会很精彩。祝一切顺利。我已经尽力解释了！

屏幕截图显示bug：

Answer 1

paddingStepOne类中存在问题

删除所有左右边距并检查一次（所有媒体查询）

.paddingStepOne {
   margin: xxrem auto;
}

Answer 2

你需要看一下这个css：

@media screen and (min-width: 500px)
main.scss:331
.paddingStepOne {
  margin: 2rem 3.5rem;
}

你在这里添加的margin导致元素超出了计划标题上的100%。

在这种情况下，我添加以下临时CSS：

* {
  border:1px solid red !important;
}

这将让您看到哪些元素导致100%宽度受到影响。

Answer 3

我在你的CSS中找到了一个解决方案。您可以调整此更改，然后您可以删除该差距或条形。 Image of the class in which you have to do some changes.

在.cell类中，您必须删除这些选项

-webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;

我做了这些改变，你的html元素右边的空间问题得到了解决。我在更改后发布了您网站的图片。

我希望这能帮到您。祝一切顺利。