Html flex grow不起作用，我做错了什么？

我是一个新的前端网络编码，我想做一个模拟网站，以加快我的学习过程。 我想让这个符号在页面中间部分对齐，我发现一些教程使用Flex Guy，所以它会按大小缩放，但这是我得到的：

我做错了什么

（我只发布了我认为不会使事情复杂化的代码片段）

。登录{
显示器：flex；
证明内容：之间的空间；
对齐项目：居中；
柔性生长：1；
****
}
.登录文本{
显示器：flex；
对齐项目：左；
弯曲方向：立柱；
字体大小：3.5em；
字体大小：粗体；
保证金：0；
填充：0；
}
.未登录文本{
字号：2rem；
填充：0；
保证金：0；
}
.想你{
字体大小：1.5rem；
字号：500；
}
.签到表格{
显示器：flex；
对齐项目：左；
弯曲方向：立柱；
}

埃洛赫萨
登录。
我们已经想念你了：(
用户名：
密码：
登录。

试试这个：

.sign-in {
    display:flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
}

---

根据您的代码片段，我假设这就是您所需要的

。登录{
显示器：flex；
证明内容：之间的空间；
对齐项目：居中；
显示器：flex；
弯曲方向：行；
宽度：100%；
}
#左内容{
文本对齐：右对齐；
宽度：50%；
}
#右内容{
文本对齐：左对齐；
宽度：50%；
左边距：10%；
}
.登录文本{
显示器：flex；
弯曲方向：立柱；
字体大小：3.5em；
字体大小：粗体；
保证金：0；
填充：0；
}
.未登录文本{
字号：2rem；
填充：0；
保证金：0；
}
.想你{
字体大小：1.5rem；
字号：500；
}
.签到表格{
显示器：flex；
对齐项目：左；
弯曲方向：立柱；
}

埃洛赫萨
登录。
我们已经想念你了：(
用户名：
密码：
登录。

Flex grow适用于儿童而不是父母