输入未在媒体查询中内联对齐

Question

我正在使我的网站响应并执行所有媒体查询 CSS。我的输入在桌面模式下内联对齐。我在我的媒体查询中没有为我的输入不对齐内联做任何事情，但右边的输入是从左边向下几个像素。看看我的网站可能会有所帮助，它是 sundayfundayleague.com .

媒体查询代码：

.signinbutton {
    padding: 7px;
    font-size: 1.3em;
    margin-top: 225px;
    margin-left: 8%;
}
.registerbutton {
    margin-left: 52%;
}

桌面版：

.signinbutton {
    padding: 10px;
    font-size: 2.5em;
    margin-top: 325px;
    margin-left: 28%;
}
.registerbutton {
    margin-left: 32%;
}

我做错了什么？

Answer 1

这里有新答案，

问题是你的注册按钮是右对齐的，因为你给出了正确的百分比边距。

当您设置样式时，

.registerbutton {
     margin-left: 52%;
}

在小屏幕的移动视图上没有那么多 space 剩余，所以它换行。如果您也为最小屏幕设置媒体查询。并将左边距改写为 32%。它将解决您的问题。

Inputs not aligning inline in media query