<ul class="items">
<li class="item item1"><img src="https://avatars.mds.yandex.net/i?id=13e67501e5e5acf5762ab3d974c47f58-5232238-images-thumbs" alt=""></li>
<li class="item item2"><img src="https://avatars.mds.yandex.net/i?id=13e67501e5e5acf5762ab3d974c47f58-5232238-images-thumbs" alt=""></li>
<li class="item item3"><img src="https://avatars.mds.yandex.net/i?id=13e67501e5e5acf5762ab3d974c47f58-5232238-images-thumbs" alt=""></li>
<li class="item item4"><img src="https://avatars.mds.yandex.net/i?id=13e67501e5e5acf5762ab3d974c47f58-5232238-images-thumbs" alt=""></li>
<li class="item item5"><img src="https://avatars.mds.yandex.net/i?id=13e67501e5e5acf5762ab3d974c47f58-5232238-images-thumbs" alt=""></li>
<li class="item item6"><img src="https://avatars.mds.yandex.net/i?id=13e67501e5e5acf5762ab3d974c47f58-5232238-images-thumbs" alt=""></li>
<li class="item item7"><img src="https://avatars.mds.yandex.net/i?id=13e67501e5e5acf5762ab3d974c47f58-5232238-images-thumbs" alt=""></li>
<li class="item item8"><img src="https://avatars.mds.yandex.net/i?id=13e67501e5e5acf5762ab3d974c47f58-5232238-images-thumbs" alt=""></li>
<li class="item item9"><img src="https://avatars.mds.yandex.net/i?id=13e67501e5e5acf5762ab3d974c47f58-5232238-images-thumbs" alt=""></li>
<li class="item item10"><img src="https://avatars.mds.yandex.net/i?id=13e67501e5e5acf5762ab3d974c47f58-5232238-images-thumbs" alt=""></li>
<li class="item item11"><img src="https://avatars.mds.yandex.net/i?id=13e67501e5e5acf5762ab3d974c47f58-5232238-images-thumbs" alt=""></li>
<li class="item item12"><img src="https://avatars.mds.yandex.net/i?id=13e67501e5e5acf5762ab3d974c47f58-5232238-images-thumbs" alt=""></li>
<li class="item item13"><img src="https://avatars.mds.yandex.net/i?id=13e67501e5e5acf5762ab3d974c47f58-5232238-images-thumbs" alt=""></li>
</ul>
.items {
  display: flex;
  flex-wrap: wrap;
  width: 640px;
} 

.item {
  list-style: none;
  box-sizing: border-box;
  display: flex;
  justify-content: flex-end;
  width: 25%;
  min-width: 150px;
    
  &.item1 {
    width: 75%;
  }
  
  &.item3 {
    width: 50%;
  }
  
  img {
    margin: 5px 0;
  }
  
}

View Compiled
class Test {
    constructor () {
    }
    getNum() {
      return (item) => {
        return item > num;
      }
    }
};
const test = new Test();
const arr = [9, 99],
      num = 9;
const arr2 = arr.filter(test.getNum());
//console.log(arr2);

//2
function magic(...a1) {
  
  //console.log(a1);
  
  function sum(arg) {
    return arg.reduce(function(sum, current) {return sum + current});
  }
  
  const res = sum(a1);
  
  //console.log( res );
  
 };

magic(5, 9, -8);













External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.