调试Flex布局的时候老要改justify-content属性，在Chrome DevTools里直接按Ctrl+Shift+C选中元素，右边样式面板就能快速切换属性值，比手动写代码快多了

.container {
  display: flex;
  justify-content: space-between; /* 按空格切换 */
  align-items: center;
}

Grid布局更爽，直接在元素审查里点display属性旁边的grid图标，可视化拖拽调整行列间距，都不用记那些grid-template-xxx的语法