DEMOs

导航页

Reprehenderit magna nulla amet do ut exercitation fugiat. Excepteur qui ad officia Lorem officia non tempor. Esse veniam magna sit sunt fugiat do laboris nostrud exercitation aute pariatur. Voluptate officia eu esse consectetur id voluptate. Veniam laborum cupidatat duis proident est magna nostrud reprehenderit in nisi ad nostrud incididunt magna.

Lego Millennium Falcon

Reprehenderit magna nulla amet do ut exercitation fugiat. Excepteur qui ad officia Lorem officia non tempor. Esse veniam magna sit sunt fugiat do laboris nostrud exercitation aute pariatur. Voluptate officia eu esse consectetur id voluptate. Veniam laborum cupidatat duis proident est magna nostrud reprehenderit in nisi ad nostrud incididunt magna.

#full-width {
  .figure {
    position: relative;
    width: 100vw;
    left: 50%;
    right: 50%;
    margin-left: -50vw;
    margin-right: -50vw;

    &::before {
      content: '';
      display: block;
      padding-top: 32%;
    }

    .mf {
      position: absolute;
      top: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center top;
    }
  }
}