主要元素

Question

您好我在http://centuryplace.co.uk/alpha/

上使用基础css和调整

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

显示错误的屏幕截图：

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元素右侧的空间问题。我在更改后发布了您网站的图片。

Image after changes

我希望这会对你有所帮助。一切顺利。