Почему не правильно отображается позиционирование?

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

Как на css отследить первый ряд элементов?

Из вашего кода не ясно, что должно происходить с шириной

flex: 1 calc((100%/6) - 180px);
    max-width: 170px;
    flex-basis: 170px;
    width: 100%;

Через @media писать условия кому нужен кружок.
Частично можно упростить с помощью overflow у родителя (и по-другому переписав отступы).
Проще на js посчитать, гораздо меньше кода будет.

Почему не правильно отображается позиционирование?

Кеш чистите или проверяйте, что всё правильно собирается и никакой файл не потерян.
Позиционированию без разницы

Первая законченная верстка. Что подтянуть, чтобы найти первую работу верстальщиком?

lloydbanks,

на своем 8 летнем опыте разработчика

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

Как добавить элемент DOM элемент в пустой html?

zorinleonid, либо так.

Первая законченная верстка. Что подтянуть, чтобы найти первую работу верстальщиком?

elo-dev, начните с изучения смысловой (семантической) нагрузки на тег <hr>.
После этого вам придется его оттуда удалить и переверстать эти полоски псевдоэлементами.

Но вам в подарок hr

Первая законченная верстка. Что подтянуть, чтобы найти первую работу верстальщиком?

lloydbanks, я вот серьезно считаю, что просить оценить качество именно верстки и не проверить ее валидатором это просто неприлично.
И одно дело, когда нужно сверстать что-то эдакое и человек сознательно идет на нарушения. А другое, когда в коде вот такое<hr align="center" width="915" size="2" />

Первая законченная верстка. Что подтянуть, чтобы найти первую работу верстальщиком?

Что нужно пересмотреть,исправить ?

Глаза раскрыть и посмотреть на сайт. Вы видели, что с тётьками на фото приключилось? Догадываетесь что бы они с вами сделали, если бы увидели свои растянутые или сжатые фотки?

Какие есть критические ошибки ?

Где валидатор знаете?
А спецификация?

Дизайн придумывал сам

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

Можно ли задать свойство CSS, в атрибут событий?

При onclick добавить класс, в классе написать что хочется.

Как добавить элемент DOM элемент в пустой html?

https://learn.javascript.ru/modifying-document#met...

Как добавить элемент DOM элемент в пустой html?

Скрипт не там подключаете, подключайте внизу

Как сделать так, чтобы данная верстка выглядела одинаково как в Chrome, так и в IE 11?

eugene159,
дано:
- я не хочу использовать width, basis, shrink, grow
- я не хочу использовать различные символы типографики
- но хочу флекс
- и хочу идентичность в браузерах

ответ:
никак

Для чего в Bootsrap container-fluid?

Неужели в документации нет ни слова про разницу container и container-fluid?

Как отобразить svg sprite через xlink:href на локальном компьютере?

Сергей delphinpro, я, наверное, плохо выражаю мысли по ночам.
Я имела в виду, что в ИЕ все равно не будет спрайта даже на сервере без полифила.

Как отобразить svg sprite через xlink:href на локальном компьютере?

RedSmoke_smr, объяснить заказчику теорию и показать на сервере, что вот они свгешки, чтобы не волновался.

Как отобразить svg sprite через xlink:href на локальном компьютере?

Сергей delphinpro, проверила, да, перестали работать и в ФФ, а ведь работали несколько месяцев назад.

Для ИЕ полифил типа svg4everybody.js

Как отобразить svg sprite через xlink:href на локальном компьютере?

RedSmoke_smr, а на сервере при этом отображаются?

Верстка блоков по всей высоте?

Еще inline-block детям, чтобы не было переноса внутри ребенка.

Когда я меняю размеры страницы, то некоторые элементы съезжают, как исправить?

IninsaY, съезжают - потому что не помещаются.
Вы хотите резину, а верстаете отступами и их размеры задаете гигантскими и в пикселях.

Задавайте элементам фоны|тени|рамочки и смотрите как они себя ведут.
В верстке ничего такого волшебного нету, обычная геометрия.

Как сделать выпадающее меню с checkbox?

Richard Millie,
либо плагин
https://select2.org/getting-started/basic-usage
https://joshuajohnson.co.uk/Choices/
либо кастомизируйте самостоятельно
www.webmasters.by/articles/html-coding/2458-custom...

В нативный option чекбоксы не встанут.