Блок во всю ширину сайта, 50% занимает картинка, а 50% черный фон, как поверх добавить и сделать по центру блок 1200px?

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

результат с абсолюты, но есть но, адаптивное же все должно быть, задние блоки должны растягиваться по контенту где текст, то есть без height: 200px;, если убрать, то все выходит за рамки задних блоков.

Ох, беда...
Контентный блок в потоке.
Абсолютом картинка или псевдо с картинкой, если это не конкретный дом, а украшалка.

left: 50%;
margin-left: -650px;

Абсолюты по центру ставятся трансформом -50%. Если ширину 1200 и отступом.
Если несимметричные блоки, то через calc, но тоже через %
Но не отрицательным фиксированным марджином. Иначе какой там адаптив...

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

Блок во всю ширину сайта, 50% занимает картинка, а 50% черный фон, как поверх добавить и сделать по центру блок 1200px?

Антон Вебсайтовский, Антон, дело в том, что 600 + 1fr это 50% родителя...

И как грид поверх сделать других грид блоков.

Самое простое расположить их в коде в нужном порядке. Если никак, то обычный z-index.
И не грид поверх грида. А всего один грид.
Пройдите уже gridgarden.

а будет ли оно адаптивно

В вашем распоряжении vw, clamp, min, max, гридовый min-max и т.д. Ну и media, если совсем туго.

Блок во всю ширину сайта, 50% занимает картинка, а 50% черный фон, как поверх добавить и сделать по центру блок 1200px?

Антон Вебсайтовский, 1fr 600px 600px 1fr

Блок во всю ширину сайта, 50% занимает картинка, а 50% черный фон, как поверх добавить и сделать по центру блок 1200px?

Простой современный вариант это грид. 4 колонки. Всё.

Альтернативы:
- абсолюты
- calc

В какой программе лучше делать верстку сайта?

Refguser, попробуйте поучить новичка маскам без лайвсервера.
Гиту мы учим студентов практически с первого дня. К тому моменту, когда прояснится с версткой, гит уже будет привычным инструментом без паники и стресса.
Также и Фигма начинается сразу.
Терминал да, первые 2 месяца можно пережить без него.

Зато даже всякие подсказки в ИДЕ

Ну конечно, написал widht и сиди 2 часа втупляй. Вместо того, чтобы увидеть подчеркивание неверного свойства и потратить сэкономленное время действительно на изучение.

Но, возможно, ваш опыт обучения другой и вам и вашим студентам удобно делать это в Notepad++

В какой программе лучше делать верстку сайта?

Refguser,
- Нужно вживить в него Emmet
- Заставить подсвечивать ошибки
- EditorConfig
- Нужно научить его понимать синтаксис SCSS.
- Нужно научить закрывать парные теги
- Хотя бы кавычки ставить обе
- Одновременно изменять открывающий и закрывающий тег
- Переходить по клику на класс из html в css. А он не может, потому что без понятия что является проектом.
- Нет терминала
- Нет встроенного гита (может плагинами...)
- Лайвсервера

И ещё на километр список чего там либо вообще нет либо нужно как-то настраивать и обвешивать плагинами.
Мне надоело писать.
Вряд ли после этог он останется быстрым адекватным редактором.

В какой программе лучше делать верстку сайта?

Чтобы в современном мире верстать в

Notepad++, Akelpad и тп.

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

VS Code не люблю, но тем не менее сейчас это лучший вариант. Без плагинов достаточно легкий, чтобы заработать на любом (в адекватном смысле) компе. Можно расширить плагинами на любой вкус под широкий спектр задач.

Как намекнуть начальству, что agile не избавляет от тз?

Griboks,

Вы предлагаете пойти и поучить моего руководителя правильно руководить мной?

вы сами и так собираетесь это сделать.

Только вместо конструктива в виде слов и аргументов, хотите использовать какие-то "намеки".

Если вы понимаете, что для повышения эффективности или вообще для выполнения работы нужно что-то (добавить, убрать, изменить), то самое разумное это сказать об этом. Ну либо оставить всё как есть.

Как намекнуть начальству, что agile не избавляет от тз?

А оно не говорящее? Или не понимающее человеческих слов?

Т.е. идёте и разговариваете.

Как убрать точки при direction: rtl?

Алексей Уколов, это же вопрос автору как повод задуматься ;) А не потому что я не знаю на него ответа :))))

Как убрать точки при direction: rtl?

Сначала расскажите, зачем оно вам там?
Подозреваю, что это какой-то кривой костыль.

Как реализовать table на основе grid?

serioer, ну ок, рисуйте контейнеру еще и нижний бордер.
А элементам верхний и задвиньте отрицательным margin на высоту бордера.

Или по первому сценарию + дорисуйте контейнеру по низу полоску, например, градиентом

Как убрать пустое место?

1. Ставить br (или лучше span его заменяющий), тогда сработает fit-content
2. Использовать text-wrap: balance;. Дыру не уберет, но текст будет переносить посимпатичнее
3. JS

p.s. text-align justify предлагать не буду, слишком страшно выглядит.

Как реализовать table на основе grid?

но мне нужны border как внутренние так и внешние с border-collapse:collapse

Так и рисуйте бордеры.
Контейнеру левый и верхний, элементам правый и нижний.
Или я не поняла в чем сложность?

p.s. слово table тут, похоже, не очень уместно.

Почему пропадает линия ссылки при вводе text-underline-offset?

.cards__click-info {
    height: 5px;
}

Это зачем? Оно точно должно в 5px поместиться?
Собственно и ответ, скорее всего в этом.
Либо где-то overflow.

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

Как решить проблему с Mime type html?

Смотрите что написано в терминале, там где запущена сборка.
Или просто ищите ошибки в стилях.

И теги вопроса поставьте адекватные, а не первое что пришло в голову.

Как реализовать фон на шапку и блок ниже?

Или одинаковые на шапке и блоке ниже.

Как поменять цвет окна браузера?

DZHAMBUALT,
Прям на десктопе так было?

<meta name="theme-color" content="#ff0000">
Для мобилок

Как поменять цвет окна браузера?

chrome://settings/manageProfile ?

Какими браузерами поддерживается css calc используемый в background linera-gradient?

Дмитрий, Лучше непосредственно на https://caniuse.com/
Только нужно понимать, что и в него данные попадают не мгновенно.

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