Как сделать DIV во всю ширину после float?

secretsergey, а мне с флексами или гридами ))))

Как растянуть изображение на 100%, чтобы на телефоне корректно отображалось?

AshimNikoros, 100% по высоте или ширине?

Как всё должно выглядеть на мобилке? Нарисуйте.

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

Можно заменять картинку при различных @media, например, для вертикальной и горизонтальной ориентации окна, а также отдельно для мобилок, планшетов, десктопов.

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

forspamonly2, да, вы правы. Сейчас в исходном коде дивы, которым вообще без разницы роли, семантика и всё такое.

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

И тут же видим:

spoiler

Есть еще одна проблема. Не будут работать стили для самих карточек, а дизайнеры любят задать им цвет, рамочки, теньки и т.д., а также повесить hover тоже на всю карточку.
Можно, конечно и по частям собирать. Но с ховером так уже не выйдет.

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

Хотя не могу отрицать его привлекательность :)
И мне бы не хотелось, чтобы вы удаляли этот ответ.

Как подружить Github и css @import?

Правильный вывод отсюда знаете какой?
Этот:

весь код стилей в одном файле - всё успешно.

Стили нужно подключать одним файлом.

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

forspamonly2, у меня нет ответа почему так получается, но наверное, можно погуглить.
Для начала посмотрите caniuse, там прямым текстом об этом написано.

Есть цвет на фотке, как узнать его rgb код?

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

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

Разбейте задачу на маленькие.
И начинайте их делать.
Если что-то будет вызывать трудности, спрашивайте. Свои попытки выкладывайте в песочницы jsfiddle.net codepen.io

В текущем виде ваш вопрос тянет либо на задание либо на полноценную консультацию.

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

После display: contents доступность улетает в трубу.

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

Пока, при такой структуре, только на js.

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

2. А также стоит ли делать адаптив для больших мониторов типа 2560x1440 - 3840x2160(4K), в целом на больших мониторах сайт выглядит хорошо, но некоторые элементы растянуты и размеры относительно маленькие?

Вы видите, что сайт где-то плохо отображается.
Нужно исправлять или нет?

Тем более, что пишете

хочу верстать для всех устройств!

Почему не отображаються картинки на хостинге?

Проверьте пути к картинкам, вероятно они абсолютные.

Как вы боретесь с выгоранием?

Alex Wells, по-моему, вам хочется об этом поговорить.
Мне нет. Для этого есть специально обученные люди.

Как вы боретесь с выгоранием?

Alex Wells, да-да, вы с автором двое уникальных таких. У всех остальных не бывает дел, которые не хочется делать, просто в шоколаде купаются.

Вариантов нет так много.
Либо делать, что обещал.
Либо обещать так, чтобы осталось время на потупить.

Обычно после двух-трех таких завалов человек в состоянии понять, нравится такой режим работы или нет.

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

Зачем это делать на js, если в css есть columns?

Почему в моб версии скролл влево?

Всё как обычно.
Открываете инструмент разработчика в браузере.
Удаляете по одному блоку и находите виновника.
В качестве подсказки: у вас там псевдоэлемент шириной 1280 точек. Не влез немножко.

Как убрать расположить список в один ряд?

1. nav должен быть снаружи списка
2. Точки убираются с помощью list-style:none
3. В ряд располагаются флексом, гридом инлайн-блоком или инлайном.

Как вы боретесь с выгоранием?

MifeeX,

Но, стоит приблизится к концу и морально "сдать" проект

А почему вы позволяете себе решить, что проект сдан, то того как он принят?

И не думаю, что разумно просиживать за компом по 10-12 часов в сутки.

Очень сложно справится с "нежеланием" допиливать.

Поменьше думайте о "не хочу". Есть дело, обещал сделать, надо делать. Точка.

Как вы боретесь с выгоранием?

Вы уверены, что это вопрос по реакту или ноде?

Почему провайдер блокирует доступ к сайту?

Самый простой способ узнать ответ, это позвонить провайдеру.
Бывает, что заблокирован IP, бывают и ошибки.

От чего может быть такой большой отступ?

Удаляйте по очереди все элементы и смотрите кто виноват, если это и так сразу не видно через инструменты разработчика.

Без примера в песочнице или ссылки на сайт вряд ли мы вам скажем большее.