Html 避免在移动站点上堆叠图像

我刚开始学习编码，我决定用

squarespace

和

www.rociodelfa.com

设计我的网站

我的主要问题是，在我的灵感页面上，我有一个需要遵循内聚顺序的图像库，我想确定每行的图像数量，但不是每行都一样

---

当在移动设备上打开时，图像会堆叠起来。如何更改？

检查我附加的代码

*{
框大小：边框框；
}
.包装纸{
宽度：20%；/*假设您希望一行有5张图片，那么100%/5=20%*/
浮动：左；
填充：10px；
}
.img{
宽度：100%；
}

---

当您拥有mobile first网站时，当屏幕宽度减小时，图像会堆叠起来。如果你能加上密码笔或小提琴，我们也许能帮你。