如何根据屏幕尺寸制作这四个尺寸的盒子？

Question

Website URL

我希望这四个方框能够填满网站的右侧。任何人都可以帮助我一点吗？

谢谢！我真的很感激。

Answer 1

使用百分比宽度。

.brick-big {
    width: 25%;
}

Answer 2

将width: 98%;添加到.brick或width: calc(100% - 20px);以获得更好的结果。

.brick {
   margin: 10px;
   width: calc(100% - 20px); /*add this for a better result*/
}