Html 使用CSS网格布局，如何移动；复选框“；除了稻壳通行证？

我是编程新手（使用在线课程学习）

我只是在测试并对CSS有一个“感觉”，我现在已经用了两天的时间试图理解CSS网格，但我一直在努力解决这个小问题

首先，使用CSS进行布局有多种方法，有推荐的方法吗？网格是前进的方向，还是灵活

我正在尝试为我的一个项目的登录表单进行设计，我快到了，但我不知道如何将复选框从一列移动到另一列

我的HTML：

.grid容器{
显示：网格；
填充：1em；
证明内容：中心；
对齐内容：居中对齐；
}
形式{
背景#2DA1A8；
填料：2米；
显示：网格；
网格模板列：自动；
}

布鲁克纳文
口令
洛格酒店
稻壳密码
格莱姆

在复选框和标签周围放置一个

：

为了将来的参考，我强烈建议您通过firebase查看此视频：

.grid容器{
显示：网格；
填充：1em；
证明内容：中心；
对齐内容：居中对齐；
}
形式{
背景#2da1a8；
填料：2米；
显示：网格；
网格模板列：自动；
}

布鲁克纳文
口令
洛格酒店
稻壳密码
格莱姆