樓主，給你推薦使用 vw 布局

.foot {
  margin-top: 1rem;
  .foot-menu {
      display: flex;
      .menu-item {
         width: 25vw;
         height: 25vw;
         @extend: .box-shadow;
      }
     
      .menu-item2 {
         width: 50vw;
         height: 50vw;
         @extend: .box-shadow;
      }   
  }
}

按照需求分割比題主自己算。