flex布局与grid布局-个人大白话理解

flex弹性布局。grid二维布局。
这两者的核心是：一个盒子里有很多小盒子，如何排列？
flex就是沿着一条线铺下去，这个线可能水平，也可能垂直，这个平铺的方向用flex-direction来控制。
所以flex才有换行命令。而且当同级小盒子很多的时候，往往动一发而动全身，很不方便。
grid是把盒子用线分成很多份，把小盒子一个个填进去。
如何把盒子分成很多份？ grid-template-columns/grid-template-row
而要把小盒子准确的填进去，
grid有两种方法，一种是给分好的区域起名字。grid-template-areas；然后再给小盒子起名字，小盒子就会占据对应的区域。
二是，小盒子通过网格线调整自身定位；grid-column / grid-row ；相当于调整一个盒子的边框位置，来改变盒子位置。

关于对齐，两个布局有相似之处。
justify-content 是对所有小盒子的
self 小盒子单独对自己的
这个属性针对的是，小盒子内的元素在小盒子的位置。

当然，这两种布局还有一些更深入的东西，能够与各位一起进步。