Flex和Grid其实是网页开发中两种不同的布局方式，在同一个项目中可以混合使用；
最早在网页开发中，一般都是使用定位、浮动等方式来进行页面布局，然而这种方式有很多局限性，代码量比较多，随着css3的诞生，出现了Flex布局和Grid布局；
Flex布局Flex是Flexible Box的缩写，为“弹性布局”，用来为盒状模型提供最大的灵活性。每一个元素都可以指定为Flex布局，包括行内元素,设置display：flex;这种Flex布局可以很快速、方便处理网页布局；
Grid布局Grid布局又称为“网格布局”，是一种二维网格布局；只需要给元素定义：display：grid,并设置列和行的大小，然后定义子元素的位置即可；这种布局目前兼容性还不是很好；
总结
这种两种布局都是为了解决网页布局问题而创建的，同时两者之间是可以配合着使用，所以在同一项目中完全可以混合使用；希望以上回答可以帮到你，如有疑问，请在评论区留言