分屏登录表单的响应式骨架 | 星雨笔录

核心： 登录页可左侧放品牌视觉、右侧放表单，小屏切换单栏。

最小示例：

.login { display: grid; grid-template-columns: 1fr 1fr; }
@media (max-width: 700px) { .login { grid-template-columns: 1fr; } }

学完能做： 实现登录页左右分屏及窄屏回退。