Html 下拉菜单响应flexbox和css

我是一个新来者，我一直在学习和练习flexbox和CSS，刚才我正试图将我的浮点元素移动到flexbox中，但出于某种原因，我不知道我的菜单是否损坏。我看到汉堡包按钮上方的下拉菜单项，如果有人能解释我做得不好，我会很高兴，提前谢谢。代码如下：

.header{
背景色：#fff；
位置：固定；
文本对齐：居中；
高度：50px；
宽度：100%；
最大宽度：480px；
盒影：1px1px4p0RGBA（0,0,0,1）；
z指数：3；
显示器：flex；
弯曲方向：行反向；
柔性包装：nowrap；
证明内容：之间的空间；
对齐项目：居中；
}
.标题ul{
保证金：0；
填充：0；
列表样式：无；
溢出：隐藏；
背景色：#fff；
显示器：flex；
弯曲方向：立柱；
弹性：1；
}
.标题.徽标{
/*浮动：对*/
显示：块；
字号：1em；
填充：20px 20px；
颜色：#000；
显示：内联块；
}
.header.logo img{
高度：12px；
宽度：12px；
}
.header.mail{
/*浮动：对*/
显示：块；
字号：1em；
填充：20px 20px；
颜色：#000；
显示：内联块；
}
.header.mail img{
高度：15px；
宽度：19px；
}
.标题.菜单项{
字号：1em；
颜色：#000；
填充顶部：30px；
线高：2.5em；
}
.标题.菜单子项{
字号：1em；
颜色：#c4c0bf；
线高：2.5em；
}
.标题.菜单{
明确：两者皆有；
最大高度：0；
过渡：最大高度。2秒放松；
显示器：flex；
}

您能提供stackblitz吗？我在stackblitz上使用了这个代码。很抱歉，我没有使用stackblitz。你发布的演示没有告诉我们问题。是的，我解决了问题，下次我会尝试更具体一些。