请问一下这个世界杯梦幻阵容咋整的 就把它整成一个页面

这个如何做，刚学，就咋成一个页面，如何做世界杯梦幻阵容
运行出来是这样的

img

img

img

img

img

img

img

img

用flex布局，大概就是这样子，简单写

<div class="top" style="display: flex; justify-content: space-between;">
         <div class="logo"><img src="logo图片"/></div>
         <div class="logo"><img src="世界杯梦幻阵容图片"/></div>
     </div>
     <div class="top" style="display: flex;">
         <div><img src="球星图片1"/></div>
         <div><img src="球星图片2"/></div>
         <div><img src="球星图片3"/></div>
         <div><img src="球星图片4"/></div>
         <div><img src="球星图片5"/></div>
     </div>

这有啥怎么做的，你意思是每个球星都是单独的一张图片，上面横排直接flex横向布局，下面大图竖排就放image标签，然后宽度设置100%就行了

5张图片 的话 放到一个div里 然后 flex布局 就行