olya_097

https://www.flaticon.com/

Надо было удалить всё что после m
https://jsfiddle.net/lenskyuser/0oyhtbq6/3/

Как правило, но не всегда, разделы имеют заголовок.

https://developer.mozilla.org/ru/docs/Web/HTML/Ele...

Обычно такие вещи на svg делают. https://codepen.io/aliencash/pen/PoPbrWB

Дождаться окончания проверки диска и больше не выключать комп выдергиванием кабеля питания.

/^0|\D/g

$('.progress__item').each(function() {
  const $this = $(this);
  const $progressBar = $this.find('.progress__bar');
  const $value = $this.find('.progress__value');
  const value = $progressBar.data('progress-value');

  $progressBar.width(`${value}%`);

  $({ value: 0 }).animate({
    value,
  }, {
    duration: 1000,
    step: val => $value.text(`${val.toFixed(1)} %`),
  });
});

Исправьте участки:

if ( ( exitPointY >= topEdge ) && ( exitPointY <= bottomEdge ) && ( exitPointX > (leftEdge + reasonableWidth) ) ) {
        $('#param' + id).text("5.0");

var rating = progress * 5 / width;
      rating = Math.max(Math.ceil(rating), 1);

      $('#param' + id).text(Math.ceil(rating).toFixed(1));

Вы можете контейнер `contacts__item` сделать флекс контейнером, и потом `contacts__map` задать
flex-grow: 1;
В таком случае блок с картой у вас будет растягиваться, но у вас у родительского контейнера есть вн. паддинги 30px, если вы хотите, чтобы карта занимала всю ширину до границы, то уберите нижний паддинг

avocode, figma, zeplin, sketch.

Вам нужен атрибут colspan

https://jsfiddle.net/y31beu6d/

чтобы cursor: pointer был по ховеру только на текст или крестик ( а не на всю ширину)?

Чтобы cursor: pointer был по ховеру только на текст или крестик, а не на всю ширину, нужно его применить к тексту и крестику. Вроде же логично.

https://codepen.io/xdevelx/pen/ExjQgzw

Держи решение

Переписал ваш код, вы конструкцию не правильно собрали, вот и не получилось растянуть на всю ширину, стилизуйте.
https://jsfiddle.net/r9abd78p/

window.onscroll = () => {
  const item = document.querySelector('itemSelector');
  (this.scrollY <= 10) ? item.className = 'initialState' : item.className = 'scrollState';
};

Поскольку меню не покидает свою позицию, а всегда fixed, то проверять скролл.
Как только он отличен от нуля (или больше, чем вам нужно) менять класс у меню.
И в обратную сторону.