Александр

C:\Users\ИМЯ_ПОЛЬЗОВАТЕЛЯ\AppData\Roaming\Sublime Text 3\Packages\User

img {
  width: 300px; 
  height: 300px;
  object-fit: cover;
  display: block;
}

window.addEventListener('DOMContentLoaded', () => { ... });

{
    "browser": true
}

const sortAscButton = document.querySelector('#sort-asc');
const sortDescButton = document.querySelector('#sort-desc');

if (sortAscButton) {
    sortAscButton.addEventListener('click', event => {
        event.preventDefault();
        mySort('data-price');
    });
}

if (sortDescButton) {
    sortDescButton.addEventListener('click', event => {
        event.preventDefault();
        mySortDesc('data-price');
    });
}

var sortAscButton = document.querySelector('#sort-asc');
var sortDescButton = document.querySelector('#sort-desc');

if (sortAscButton) {
    sortAscButton.addEventListener('click', function (event) {
        event.preventDefault();
        mySort('data-price');
    });
}

if (sortDescButton) {
    sortDescButton.addEventListener('click', function (event) {
        event.preventDefault();
        mySortDesc('data-price');
    });
}

font-family: 'Assistant', 'Segoe UI', Arial, Helvetica, sans-serif;

const header = document.querySelector('.header');
const maxHeight = window.innerHeight;
const minHeight = 150;

window.addEventListener('scroll', () => {
    const height = Math.max(minHeight, maxHeight - window.scrollY);

    header.style.setProperty('height', `${height}px`);
});

.A {
  display: flex;
  flex-direction: column;
  align-items: center;
}