サイドバー型フッター

<footer class="d01-08-05-ft">
          <div class="d01-08-05-brand">
            <div class="d01-08-05-logo">SIDE</div>
            <p class="d01-08-05-desc">非対称レイアウトのフッター見本です。</p>
          </div>
          <div class="d01-08-05-links">
            <div class="d01-08-05-col">
              <h4>製品</h4>
              <ul>
                <li><a href="#">機能一覧</a></li>
                <li><a href="#">料金プラン</a></li>
              </ul>
            </div>
            <div class="d01-08-05-col">
              <h4>サポート</h4>
              <ul>
                <li><a href="#">ヘルプ</a></li>
                <li><a href="#">お問い合わせ</a></li>
              </ul>
            </div>
          </div>
        </footer>

.prev.d01-08-05{padding:0;display:block}
        .d01-08-05-ft{height:100%;box-sizing:border-box;background:#182430;color:#cbd5e1;padding:20px;font-size:11px;display:grid;grid-template-columns:1fr 1.4fr;gap:20px;align-items:center}
        .d01-08-05-logo{color:#fff;font-weight:800;font-size:22px;letter-spacing:1px;margin-bottom:6px}
        .d01-08-05-desc{color:#8a97a6;font-size:10.5px;margin:0}
        .d01-08-05-links{display:flex;gap:22px}
        .d01-08-05-col h4{color:#fff;font-size:11px;margin:0 0 8px}
        .d01-08-05-col ul{list-style:none;margin:0;padding:0}
        .d01-08-05-col li{margin-bottom:5px}
        .d01-08-05-col a{color:#cbd5e1;text-decoration:none;font-size:10.5px}