Можно ли соблюдая семантику реализовать это через стили? Вот к

Question

Можно ли соблюдая семантику реализовать это через стили? Вот к

примеру тут Front-End Developer Courses по правилам должен быть в одном теге H1 без вложенностей. Кто-то решал похожие задачи?

#css #frontend #html #programming #russian

0

21.02.2023

11 ответов

22 просмотра

Alex Gabber Автор вопроса

Роман Кудлатов
* { position: absolute } 😄

каждому слову по отдельности position absolute задавать, тогда внутри h1 структура будет что-то вроде <span>Front-End</span> <span>Developer</span> <span>Courses</span> <button>button</button> <p>text</p>, тогда уже гридами тут будет получше вариант. Вопрос больше по семантике, это же ломает семантику?

0

21.02.2023

Роман Кудлатов

Alex Gabber
каждому слову по отдельности position absolute зад...

Ну всё в h1 не суй

0

21.02.2023

Роман Кудлатов

Alex Gabber
каждому слову по отдельности position absolute зад...

Один общий контейнер в нем текст h1 с двумя спанами и одним small (я верстальщик я так вижу) и див с кнопкой

0

21.02.2023

Роман Кудлатов

Alex Gabber
каждому слову по отдельности position absolute зад...

Вообще щас нагуглил такую шляпу https://developer.mozilla.org/ru/docs/Web/CSS/CSS_Grid_Layout/Subgrid оч мощно но вроде поддержка так себе.

0

21.02.2023

Alex Gabber Автор вопроса

Роман Кудлатов
Ну всё в h1 не суй

а как при изменении масштаба, developer же поверх кнопки наложится, однозначно придется плодить медиазапросы

0

21.02.2023

Alex Gabber Автор вопроса

Роман Кудлатов
Вообще щас нагуглил такую шляпу https://developer....

поддержка так себе - мягко сказано) хром еще даже не поддерживает)

0

21.02.2023

Роман Кудлатов

Alex Gabber
поддержка так себе - мягко сказано) хром еще даже ...

Возможно rem решит проблему наезда

0

21.02.2023

Alex Gabber Автор вопроса

Роман Кудлатов
Возможно rem решит проблему наезда

возможно ты и прав, во всяком случае лучшего варианта я не вижу

0

21.02.2023

Роман Кудлатов

Alex Gabber
поддержка так себе - мягко сказано) хром еще даже ...

А вообще б я б наверное сделал бы на em ах этот блок полностью до планшика бы уменьшал в одном месте размер шрифта. А ниже просто в столбец бы бахнул. Но если у тебя есть макет мобилки так даже думать не нужно)

0

21.02.2023

Alex Gabber Автор вопроса

Роман Кудлатов
А вообще б я б наверное сделал бы на em ах этот бл...

макет только десктопный) согласен с твоим предложением, наверное так и сделаю, если никаких других идей не подкинут) ну вдруг, а мы не знаем)

0

21.02.2023