html - 如何使用 flex 进行响应式设计？

Question

这是我的网站网址

在检查模式移动视图中，当我单击鞋跟的最后一个圆圈时，其顶部会出现两个圆圈。我希望这两个圆圈出现在中心。

如果我justify-content: space-between从 css 中删除，那么这两个圆圈会出现在中心。然而，第一个圆圈在水平滚动时仅部分出现在移动视图中。如何解决这个问题呢？

谢谢

标签： htmlcssflexbox

Answer 1

经过一段时间的挖掘，我找到了解决方案。

只需在媒体查询中为圆圈的容器提供 100px 的填充。

代码 ：-

.row.align-center.justify-center {
padding-left: 100px;
}