html - 防止移动视图中弹性项目之间的空间

我正在尝试构建一个日历组件。我使用 flex display 来水平对齐日期，但在某些地方的两个项目之间似乎有一个空格。我已将背景颜色更改为黑色以可视化空间。我想删除那个空间。我已附上图像以及父容器和内容容器的样式。我已经标记了图像中出现的垂直空间。提前致谢。在移动视图中打开代码以查看垂直空间。

更改为移动视图并查看此链接： https ://react-4deda5.stackblitz.io

标签： htmlcssreactjsflexbox