見出し画像

模擬サイト作成15/ CSS・・

3x3のパネルで、一番右下がない場合のcssの書き方が分からなかったので、下記の様に書きました。

HTML
    <ul class="menu_list">
        <li ><div><img scr="" alt=""></div></li>
  <li ><div><img scr="" alt=""></div></li>
        <li ><div><img scr="" alt=""></div></li>
        <li ><div><img scr="" alt=""></div></li>
        <li ><div><img scr="" alt=""></div></li>
        <li ><div><img scr="" alt=""></div></li>
        <li ><div><img scr="" alt=""></div></li>
    <ul class="menu_list_second">
        <li ><div><img scr="" alt=""></div></li>
        <li ><div class="list8"><img scr="" alt=""></div></li>

CSS
       .
menu_list {
         width: 960px;
         margin: 0 auto;
         display: flex;
         flex-wrap: wrap;
         justify-content: space-between;
       }
       .menu_panel_second {
          width: 960px;
          margin: 0 auto;
          display: flex;
          justify-content: flex-start;
       }               

 .list8
    margin-left: 70px;  

この記事が気に入ったらサポートをしてみませんか?