关于#css3#的问题，请各位专家解答！

这种页面怎么弄啊，用css盒子模型做，我有些不会搞盒子的这个设置，求哪位专家帮帮忙解答一下

img

外部套一个大盒子居中 里面两个小盒子 上面小盒子放大图 下面小盒子放小图 小盒子 列表里面放图片 设置一下外边距

大概是这样


<div class="main">
        <div class="banner">
            
        </div>
        <div class="list" style="display: flex;">
            <div class="item"></div>
            <div class="item"></div>
            <div class="item"></div>
            <div class="item"></div>
            <div class="item"></div>
            <div class="item"></div>
            <div class="item"></div>
            <div class="item"></div>
        </div>
    </div>

img