css - 定位徽标和导航栏时遇到问题

Question

我似乎无法弄清楚如何让我的网站看起来像我的家庭作业版本。任何人都可以帮忙吗？

作业版：

我的版本：

CSS：

html:

标签： csslayoutpositioning

Answer 1

您需要在具有徽标和菜单的容器周围添加填充。您还应该尝试display: inline-block让它们走在同一条线上。在最小值处，徽标占据了所有宽度，然后是菜单。