Имеет ли смысл использовать абсолютное позиционирование?

Имеет ли смысл использовать абсолютное позиционирование?

Можно и абсолютами.
Но гридами элементы остаются в потоке, знают друг о друге не наползут друг на друга.

Контентная картинка у вас там одна: логотип. Остальные это украшения, т.е. фоны, псевдоэлементы...
Все облака с теткой объединить в одну картинку и сделать фоном. Если там нет затей с анимацией.

Реализация блоков с разным размером, css grid, как правильнее сделать?

Антон Вебсайтовский,

.block {
        grid-template-columns: repeat(3, auto);
      }
      .item-1 {
        align-self: end;
        justify-self: end;
      }
      .item-2 {
        align-self: end;
        justify-self: start;
      }
      .item-3 {
        align-self: end;
        justify-self: start;
      }
      .item-4 {
        align-self: start;
        justify-self: end;
      }
      .item-1 {
        align-self: start;
        justify-self: start;
      }

Реализация блоков с разным размером, css grid, как правильнее сделать?

Антон Вебсайтовский, ещё раз: грид, три колонки, две строки по контенту или авто. Всё.

Реализация блоков с разным размером, css grid, как правильнее сделать?

Антон Вебсайтовский, теперь стало 12 равных колонок.
Откуда вы их берете?

Три колонки по контенту.
+ align-self и justify-self.

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

Реализация блоков с разным размером, css grid, как правильнее сделать?

Начать нужно с простого

grid-template-columns: repeat(3, 1fr); /* Три колонки одинаковой ширины */

Вы видите в макете 3 колонки одинаковой ширины?
Нет?
И я нет.
Так зачем пишете в css, что они одинаковые?

Дальше варианты могут различаться, но align-self и justify-self помогут.

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

CSS и text-transform вас не устроит?

Почему изображение (img) в flex-контейнере ведет себя "странно"?

xdevelx, 2dpr вижу.
Что картинка не уменьшается меньше родной ширины - не вижу.

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

Но ладно, что вы имели в виду поняла, спасибо.

Почему изображение (img) в flex-контейнере ведет себя "странно"?

xdevelx, мне не видно саму картинку, но её урл говорит о том, что она 320х240

https://images.pexels.com/photos/617278/pexels-photo-617278.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=240&w=320

Но даже если её родной размер 640, то не вижу причин почему бы ей не сжаться ещё меньше.

Вот песочница с картинкой без vpn и с оригинальной шириной 1020 и она хорошо сжимается довольно долго. Дальше начинает мешаться текст без переносов

Почему изображение (img) в flex-контейнере ведет себя "странно"?

xdevelx, а я ш не говорила, что не будет сжиматься. Но сначала сожмется текст до минимального размера и только потом картинка.

Про 640 не очень поняла откуда они.

Почему в цикле for в PHP функция unset удаляет не все четные элементы массива?

Посмотрите что с длиной массива-то происходит

for ($i=0; $i <= count($array); $i=$i+2) {
    unset($array[$i]);
    echo count($array);
}

Почему изображение (img) в flex-контейнере ведет себя "странно"?

Все работает без grow и shrink

Шёпотом: вообще-то у них есть значения по умолчанию.

А дальше суть в том, что в первом случае есть div, не имеющий размеров и текст. Предпочтение тексту, див сжимается, картинка в нем тоже, потому что max-width.
Во втором случае выбор между картинкой с указанной в px шириной и текстом. Текст успешно сжимается.

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

Прелюбопытный тег
<linkrel="stylesheet" href="style.css"></linkrel>

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

У вас проблема в футере и над ним.
Т.е. проблемы всюду, но проблема выпирания там.

вон сколько там всего интересного

Как сделать скролл?

всё равно - уходит за пределы

Я не вижу, что вы написали, как я сказала. Да и вообще не вижу, что вы написали.

Где ваша песочница с кодом на codepen.io или аналогах?

Реально ли трудоустроиться на работу после курсов it?

Ekat558,

Хотя говорят, что нехватка специалистов в it, для чего тогда так сложно устроиться, непонятно

нехватка специалистов

Как сделать скролл?

CcJn, ну вот ему overflow и размеры или максимальные размеры по крайней мере в том направлении, в котором скролл.

Реально ли трудоустроиться на работу после курсов it?

Ekat558,

На каких-то курсах предусмотрено гарантированное трудоустройство в договоре.

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

Помогут ли курсы в этом?Работодатели после курсов охотнее берут на работу?

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

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

создала резюме, откликалась на вакансии на hh.ru без результатов.

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

Почему между section разные вертикальные отступы?

Подскажите пожалуйста как исправить разные отступы блоков section?

План прост до безобразия
1. Убрать разные.
2. Добавить одинаковые.

Одинаковые очень удобно и приятно делать с помощью gap для родителя-грида.

Ошибка 404 для шрифтов?

Обновите страницу.
Девтулз покажет путь где браузер ищет шрифты.
Сравните с тем, где они лежат на самом деле.
Скорректируйте путь.

И несколько альтернативных вариаций на тему, когда путь был верным, но сборка вообще не переложила туда файлы. И соответствующие выводы.

Как записать это выражение?

historydev,
Нижний индекс указывает на систему счисления.

Оператор возведения в степень **.
Вы его и используете.

По-прежнему не понятно, чего хотите добиться.

Может, вам всё таки parseInt(110, 2)?

Как записать это выражение?

Не очень понятно, что значит "записать".

- Упростить конкретно это выражение для конкретно этого числа
- Написать функцию для перевода по формуле (не знаю зачем)
- Узнать как переводить их двоичной в десятичную на JS
- Что-то ещё