Html 正在尝试使此页面响应

我正在努力解决这个问题，我需要这个页面的内容变得有响应性，但我修改了代码，现在不知道该怎么办

HTML:

所有交易
生意
设计
发展
市场营销
出售
支持
生产率
自己动手做
学问
生活

---

我试图使它类似于（滚动一点）垂直菜单（“所有交易、业务、设计”）也变为水平菜单，但当我调整浏览器窗口大小时，我的页面变得凌乱…

尝试将所有div放在下面

<div class="container"></div>

---

它可能会起作用：）

您必须将其包含在css文件中

   @media only screen and (max-width: 768px) {
       .row > .col-md-2 {
        display: flex;
        overflow-x: scroll;
      }
    }

---

在.row或.col-md-2的标记中给出一个有意义的类名，并在上面的代码段中更新相同的类名

徽标右侧的文本如何？我如何将它们格式化为startup.deals？我的文字跳出页面：XY你是说顶部导航？还是侧边栏？查看amazon web services矩形，我是否可以在调整页面大小时使该div内的徽标和文本保持与中间垂直对齐？amazon徽标和其他徽标保持与中间垂直对齐，但不包括文本您必须更改.deals div的标记结构才能实现这一点。使用开发工具检查startup.deals.com，然后您将了解他们是如何构建标记的

   @media only screen and (max-width: 768px) {
       .row > .col-md-2 {
        display: flex;
        overflow-x: scroll;
      }
    }