我在尝试创建一个具有马赛克设计且具有这种设计的交替大小的Wordpress页面时遇到了麻烦：
how I want the website to look like
1-橙色框是图像，如果需要，我可以为每个图像分别指定特定的类，例如“大”，“小”（我希望我不必这样做，并使用“ nth-child（even）”）和“ nth-child（odd）”（但稍后我可以弄清楚）。
2-橙色框没有最大数量。
3-底部的蓝色框是页脚。
我遇到的问题是弄清楚如何布置橙色盒子。
问题1） 如果我只是继续按顺序添加方框，我会得到如下信息：
https://www.codeply.com/p/pTiOzZnG5k
问题2） 我尝试为每行创建一个div并将其向上移动，但它在每个div之间造成了差距。请记住，我不知道橙色盒子的数量。
https://www.codeply.com/p/O2ZxczdKSj
问题3） 好的，可以说我强迫橙色框的数量，然后向上移动所有物件，然后向上移动页脚。页脚后面还有很大的差距。...
如果有人可以帮助我，我将非常感激。 如果您需要更多信息，请询问。
谢谢。
