ДЕНЬ 90
  Адаптировал сайт под  небольшие ноутбуки и средние устройства (с шириной экрана от 769 пикселей до 1024 пикселей)

Код:https://github.com/Holman52/website-villages/blob/YamkiWeb/CSS/main.css

ДЕНЬ 91
   Приступил к адаптиву странички одной из деревни (1/3) для устройств с расширением от 769px до 1920px . Сделал одним классом пару блоков, что позволило сократить длину кода в css. Также где-то поменял margin в проценты, поэтому кода в медиа запросах по минимуму.
   Закончил адаптив главной страницы

Код:https://github.com/Holman52/website-villages

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

ДЕНЬ 92
Довольно долго искал решение проблемы со слиянием в ветке гит много времени на это ушло. Сделал пару набросков под адаптив. Также написал около 5-7 конспектов из начальных тем реакт

День 93

Сделал адаптив ещё одной странички(от 768px), пока не делал под фотографии, это будет в последнюю очередь, так же сократил код css, сделав нескольким блокам один класс

Код: https://github.com/Holman52/website-villages

Сверстал вот такой сайт по макету из фигмы
Макет: https://www.figma.com/design/JdMIFPVjOzmlnS3en94ATS/Untitled?node-id=1-36&node-type=frame&t=Eh4cidXg5EmQFCq0-0

Первое заблокированное видео, прилетели авторские права
ДЕНЬ 11

ДЕНЬ 94

Закончил делать адаптив текста и карточек с датами для планшетов, ноутбуков и ПК. Для краткости кода сделал несколько однотипных блоков в один класс. Теперь осталось сделать самую сложную часть адаптива, а именно картинки(весьма вероятно, что придётся переписывать часть кода для картинок) + надо будет видоизменять табы(истрия, даты, фотографии)под версию телефона. И в принципе придётся все страницы сайта делать под телефон

Код:https://github.com/Holman52/website-villages

ДЕНЬ 95

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

Код:https://github.com/Holman52/website-villages

ДЕНЬ 96

За сегодня сделал адаптив двух страниц под телефон+ доделал предыдущую. Наконец-то понял почему некорректно работало удаление изначально активного блока на странице grach, потому что когда-то я заменил id на class , поэтому он не удалялся. Результат моих трудов модно посмотреть по ссылке ниже, на хосте гита.
Главный минус, что некоторые странички долго грузит, на которых присутствует карта

P.S: Главная страница еще не до конца адаптирована

Сайт:https://holman52.github.io/website-villages/

Код:https://github.com/Holman52/website-villages

ДЕНЬ 97

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

Сайт:https://holman52.github.io/website-villages/

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

Заработало, путь изначально указан неправильно был

ДЕНЬ 98

  Загрузил в хост сайт. Решил выбрать хост beget, потому что первый месяц бесплатно, пока сойдёт. Теперь можно посмотреть сайт в гугле. Был изначально недочёт по HTML файлам, так как они были в папке и странички не открывались, пришлось выкинуть их из папки

+ нашёл курс по реакту, в целом неплохой на первый взгляд, посмотрел введение и что будет в течение курса

1.Основные понятия
   I. Компоненты и создание UI
   II. Props, state
   III. Стилизация приложений и компонентов React
   IV. Ведение в React Hooks
2.Продвинутые концепции
  I. Побочные эффекты, refs и другие react hooks
  II. React's Context API, Redux
  III. Forms, Http Requests, "Custom Hooks"
  IV. Routing, Deployment, NextJS и многое другое
3.Подведение итогов

САЙТ:http://holman.beget.tech/