С помощью Gihub Action вы можете делать сборку в отдельную ветку (обычно называют gh-pages). И делать так, чтобы индексный файл там получался где нужно.
3 столбца, 3 строки
зеленый элемент занимает 2 строки (1/3) и 3 столбца(1/4 или 1/-1)
желтый 2 строки (2/4) и 1 столбец (3/4)
Либо через grid-area, если удобнее.
Потом желтому псевдоэлемент с радиальным градиентом для имитации скругления границы у зеленого.
dima89e, https://doka.guide/css/position/
можно гридами.
Но сначала хорошо бы определиться как это должно выглядеть при расширении и сужении окна.
Можно, конечно, делать независимые решения для разных media, но таки знания помогут сэкономить на коде.
Виктор, я, конечно, не расчитывала, что вы станете на полном серьёзе всё расписывать прям тут.
Но в конце вывод хороший.
Спрашивающие зачастую не в состоянии определить соответствующие ответы. Или считают, что ответ может быть только один или не знают, что так хорошо бы делать или просто забивают. Поэтому есть ещё и кураторы.
Можете попробовать стать куратором и отметить хорошие ответы.
Кажется, сначала нужно ответить на вопрос, а с какой целью вы отвечаете на вопросы. Ради чиселок в профиле?
Следующий вопрос о том, зачем нужен этот сервис.
Так станет понятно, что лайки и галочки, чтобы нам было повеселее и не более того.
Genri_Rus, правильнее использовать теги по назначению.
Я немножко устала писать одно и тоже. Уже всё расписала, теги назвала.
Но если вам так неудобно, то пишите дивами и плевать там на всех.