Почему offset().top выдает ошибку?

Ошибка была в том, что у меня другой плагин перебивал мой id-шник (создавал свой).

Почему offset().top выдает ошибку?

В том то и дело, что все правильно. Оно работало по началу, а через 2-3 часа работы я решил проверить всё что сделал, и тут оказывается оно не работает. Ну вот код
HTML

<div id="btn-down" class="btn-down">
  <div class="btn-down__arrows">
    <span class="btn-down__arrow btn-down__arrow--left"></span>
    <span class="btn-down__arrow btn-down__arrow--right"></span>
  </div>
</div>

Код секции #sect-two

<section data-short-description="First section" id="sect-two" class="scrollable-section section-demo pos-center">
  <h2>First section</h2>
</section>

Почему скрипт перекрывается другим скриптом?

DevMan: воспользуюсь моментом. Не знаете какой-то простенькой библиотеки для создания пагинации страницы? (боковая пагинация страницы по блокам)
Ну или пример решения

Почему скрипт перекрывается другим скриптом?

DevMan: да, извиняюсь. Увидел, исправил, не успел отписать) Спасибо большое

Почему скрипт перекрывается другим скриптом?

DevMan: тогда я скажу, что такой код не работает вообще) Смотрел конкретно по примерам ваших ссылок, потому ошибок не вижу. Можете посмотреть внимательнее?

Почему скрипт перекрывается другим скриптом?

Т.е. нужно что-то типо такого написать?

var arrowTop = document.querySelector('#page-scroll-top');

function scrollTop(e){
	if(document.body.scrollTop > 200){
		arrowTop.style.opacity = '1';
	} else{
		arrowTop.style.opacity = '0';
	}
};

document.addEventListener('onscroll', scrollTop);

Перенос слова полностью через css, как реализовать?

Антон Вебсайтовский: и да, когда у вас больше двух margin-ов – пишите их в одну строку
margin: 20px 20px 0;
Просто хороший тон)

Перенос слова полностью через css, как реализовать?

Антон Вебсайтовский: УДАЛИТЕ его там, где нашли "hyphens - о нашел в css в боди было". Вариант с !important будет работать во всех браузерах, но это только крайняя мера. Такой вариант нельзя использовать в продакшине) (можно, но за это нормальные разработчики забросают вас камнями)

Почему картинка не принимает нужную форму?

Гриша Никольский: или же background-size: cover

Почему картинка не принимает нужную форму?

Гриша Никольский: используйте свойство background-position: (top/bottom/center/left/right)

Как сделать этот блок адаптивным?

xtala zen: +

Как сделать этот блок адаптивным?

Я видимо изначально неправильно выразился. Смотрите вопрос (обновил). Но спасибо за усилие

Как сделать этот блок адаптивным?

iBird Rose: да толку от бутстрапа, если у меня своя сетка. Я о высоте блоков, а не ширине. Адаптивная ВЫСОТА. Т.е. на ширине экрана 1200px высота контейнера 700px, а на ширине в 1150, высота 691px. (это не конкретные цифры, я объясняю суть). И это я решил заданием высоты контейнера в 50vw. Вот только с сортировкой с помощью mixItUp я пока не решил проблему. Но это другое.

Как сделать этот блок адаптивным?

iBird Rose: Как я уже описал выше: "Я о самом ресайзе. У меня монитор 1300px. Всё норм. Я начинаю ресайзить, и у меня блоки съезжают, потому что у них фиксированный размер, и нормально выглядеть они станут на ширине 1200, так как я это пропишу в медиа запросах. Но сам момент от 1300 до 1200 блоки будут выпирать, т.к. размеры не в процентах, а в фиксированных значениях. Мне нужна ПРОПОРЦИОНАЛЬНАЯ адаптивность)". Да и я так то сделал уже, но все равно теперь проблемы с сортировкой.

Как сделать этот блок адаптивным?

Андрей Верх: ну мне только адаптивная высота нужна. С шириной я справляюсь без проблем.

Как сделать этот блок адаптивным?

У меня не будет красиво адаптироваться высота этих блоков, т.к. в % я её никак задать не могу. С шириной проблем нет.

Как сделать этот блок адаптивным?

xtala zen: да ну книгу я и сам скачаю, благо интернетом пользоваться умею) Спасибо за источник

Как сделать этот блок адаптивным?

xtala zen: как-то не работает) Может я что-то не так понял. Сделал исходный размер картинки 700x800 (в два раза больше необходимого).
Код написал вот такой:

.portfolio-elem{
    width: 25%;
        img{
            display: block;
            max-width: 100%;
            height: auto;
        }
}

Так ведь?

Как сделать этот блок адаптивным?

А чем мне поможет этот код? В вашем примере подразумевается, что картинки точно соответствуют нужным размерам. Если я поставлю height: auto, то картинка не будет выше своего исходного размера.

Как сделать этот блок адаптивным?

Андрей Верх: я сверстал через

display: flex;
flex-wrap: wrap;
flex-direction: column;

для контейнера и фиксированная высота для дочерних элементов, сумма которых должна быть одинакова (т.е. в первой колонке сумма высот блоков должна соответствовать сумме высот элементов второй колонки (ну и со всеми остальными так же)).