建议使用 element plus 提供的布局组件为基础进行布局，element plus 布局相关文档 :
https://element-plus.gitee.io/zh-CN/component/layout.html
请仔细阅读、体验 element plus 布局相关文档，掌握基础布局、间距、对齐方式、偏移、响应式布局、断点等相关技术。
框架基于 flex 布局，如果您对 flex 布局不熟悉，请访问下面的教程进行学习 ：
https://lesscode.work/courses/620617edac7da.html
学习难度很低，布局效果很好，值得您深度学习一下。
gva.scss 作为 GraceVueAdmin 的扩展样式也封装了一些常用样式，您也可以学习此样式表的思路定制自己的样式，也可以直接使用它们。
样式作用见注释 :
通过 element plus 带有的样式、graceVueAdmin 内置样式再加上您的自定义样式，您可以灵活方便地进行页面布局工作，不要被框架样式束缚，熟悉并利用它们 ~