早上好good morming

1 效果

• 网格容器
  
• 网格区域
  
• 网格轨道和间隙
  
• 网格单元
  
• 网格项目
  

• 隐式网格
  

  2 代码

  .container {
      display: grid;
      grid-template-columns: 10em 10em 10em;
      grid-template-rows: 5em 10em 5em;
      gap: 1em 2em;
      grid-auto-columns: 10em;
    }

  3 总结

  感谢老师的教导！
  grid简约直白，初步入门。

  网格轨道,轨道间隙
  网格容器->网络区域->网格单元->网格项目