Как с помощью CSS GRID задать порядок элементов в колонках?

weranda, не могу сказать точно, но кажись проблема следует из теории по grid.

Вы хотите отображать данные колонками. За это отвечает свойство и значение: grid-auto-flow: column;
В теории сказано:

column - Ключевое слово, которое указывает, что алгоритм автоматического размещения размещает элементы, заполняя каждый столбец по очереди, добавляя новые столбцы по мере необходимости.

Мера необходимости возникает сразу, если мы не указываем кол-во строк и колонки создаются друг за другом:


Но мы ведь хотим видеть таблицу, следовательно нужны строки, укажем нужное кол-во:

Как видим выше - все прекрасно, когда мы обладаем информацией о кол-ве колонок и кол-во строк для построения сетки по необходимости.

Если же вдруг мы не обладаем информацией о кол-ве строк, то будет следующее:

Создаются новые колонки по мере необходимости, при это они не учитывают указанное раннее кол-во

Как подвинуть пункты меню под основное меню?

Vova135798, все работает, по какой причине вы решили выдать класс только для одного основного пункта, если их больше?

Как подвинуть пункты меню под основное меню?

Vova135798, самое простое - добавьте начальные отступы к главным пунктам "header-item"

<li class="header-item"><a href="#" class="header-item-main">Mac</a>
                        <ul>
                            <li><a href="#">IMac</a></li>
                            <li><a href="#">Mac Mini</a></li>
                            <li><a href="#">Macbook</a></li>
                            <li><a href="#">Mac Pro</a></li>
                        </ul>
</li>

.header-item-main {padding:15px 0;}
И после скорректируйте основной контейнер

Как стролить до нескольких якорей внутри accordeon bootstrap 4?

WebforSelf, еще можно имитировать нажатие кнопок, вроде работает корректно

Как стролить до нескольких якорей внутри accordeon bootstrap 4?

WebforSelf, если вы имеете виду, случаи, когда открыт контейнер 3, и вы хотите прокрутить к другому якорю, а при нажатии контейнер закрывается, то да, нужна проверка.

Закрывать явно не стоит, требуется доработать основное условие закрытия/открытия этих аккордеонов в скрипте, вроде начинается на 425 строчке (раскрыл при помощи https://beautifier.io/)

Если Контейнер тот же самый, который и открыт
  то ничего не делаем (второй скрипт сам прокрутить до нужного якоря)
Если контейнер другой
  то закрываем все и открываем выбранный (второй скрипт сам прокрутить до нужного якоря)

Еще как вариант, можно попробовать отвязаться от основного скрипта при раскрытие и задать собственноручно раскрытие/закрытие

Есть какие-то еще псевдоэлементы помимо before, after?

Подобных нет. Добавьте просто пустой вложенный элемент и используйте его псевдоэлементы, и так до бесконечности.

<div>
  ::before
     <div>
        ::before
        ::after
     </div>
  ::after
 </div>

Почему дёргаться или не срабатывает анимация с заданным transition?

Не силен в js, но по сути, Вам изначально нужно узнать ширину, затем накинуть ее, затем скрыть блок. Чтобы анимация не мешала красоте, накинем ее после выполнения всех этих действий и в принципе получим это:

Как вывести данные из инпута в строки таблицы при повторном нажатии на кнопку?

Вероника Катаева, как-нибудь устроить можно что угодно, хоть ракету построить)
К примеру так:



На будущее - это сайт не фрилансеров, здесь в принципе по правилам сервиса запрещено выдавать готовые решения на задачи.

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

Toy Boy, в принципе можно использовать jQuery, либо js, чтобы раскрывать контейнер при ширине менее 600px и далее при ее увеличении обратно помещать блоки в контейнер:

Есть ли смысл учить теги html/ селекторы css, когда нет возможности практиковаться в коде, но есть время и телефон?

Без практики теория нигде не имеет смысл, да и куда проще понять, как что работает на живом примере. Страницы вы вполне сможете собирать и на телефоне, да крутые проекты будет сложно собирать, но на начальном этапе этого хватит, а потом сами поймете куда двигаться (создаете index.html и редактируете). Кстати, обратите внимание на приложения в play market, там реально есть хорошие варианты для обучения с примерами и прочим. Да и мне кажется, все лучше чем ничего.

Как ускорить загрузку изображений в модальном окне?

Не совсем корректно в принципе выводить подобный объем данных в модальное окно, лучше использовать отдельную страницу. Если же так сложилось, что вы с этим поделать ничего не можете, то стоит грузить частями по видимости на экране, либо просто сделать ленивую загрузку изображений (прям так и гуглите).

Как добавить навигацию в header чтобы при скроле менялость положение?

Toy Boy, условием, к примеру

if ($(".app-header").hasClass("app-header--active")){
 alert("Маленькая шапка");
} else {
 alert("Большая шапка");
}

Как добавить навигацию в header чтобы при скроле менялость положение?

Toy Boy,
Как-то так можно даже

Как преобразовать select в ul?

Name Surname, Большое спасибо.

Как преобразовать select в ul?

Огромное спасибо, то что нужно!

Как преобразовать select в ul?

Спасибо, почти то, что нужно, но можно ли как-то дополнительно передать значение value? Хотя бы в data-value? Чтобы на выходе получить:

<div class="list">
<div data-value="1">1</div>
...
</div>

Как вывести комментарии к каждому посту свои?

Спасибо, понял

Как получить значение ссылки по родителю и вывести по id?

Спасибо за помощь.

Как получить значение ссылки по родителю и вывести по id?

Большое спасибо!

Как наложить маску на сушу в Google Maps Api?

Огромное спасибо) Еще раз с наступающим)