html - 缩小比例以响应时，如何将这些图像定位在 Logo 下方？

Question

我在右侧的标题中有一个部分可以很好地缩小，但右侧图像 block 的移动方式除外。图像调整大小很好，但是一旦我开始缩小，它们就会插入 Logo div，然后放在它上面。

如何将它们放置在 Logo 下方并相应地排列，同时保持在标题中，而不是在达到特定屏幕尺寸时将显示设置为无？

Here是这些图像/徽章的 jsbin 的链接。实时站点在 Wordpress 中，代码太多无法发布。也许如果你只使用 Firebug 或开发工具。

This是网站的实时版本。

另请注意:我在实时网站上启用了 -190 像素边距。

此处截图仅供引用 :

Answer 1

我设法解决了这个问题。我像这样添加了一个单独的媒体查询:

    @media screen and (max-width: 479px) {

    .badges-container {
    position: relative;
    text-align: center;
    margin-top: 0px

    }

    .badges img {
     width: 19%;
}