我创建了一个完整的网站，但删除了所有填充物并留下了 3 列 div。我的目标是在调整图像大小时让这 3 列垂直堆叠。
附加的 css 已包含在内，因为它与站点的其余部分一起使用，因此我将其全部包含在内。
我尝试查找某些媒体查询并尝试将头围绕在 flexbox 上。任何帮助，将不胜感激。
* {
border: 1px solid red;
/*For layout purposes only*/
}
* {
max-width: 980px;
font-family: 'Lato', sans-serif;
margin-left: auto;
margin-right: auto;
padding-bottom: 0px;
}
* {
box-sizing: border-box;
}
.container {
display: flex;
flex-wrap: wrap;
overflow: hidden;
}
.row {
width: 100%;
display: flex;
}
.img {
display: block;
margin: auto;
}
.col-1 {
width: 8.33%;
}
.col-2 {
width: 16.66%;
}
.col-3 {
width: 25%;
} …