@Levott

Как верстать такие блоки?

Я новичок в верстке, верстал макеты и все было нормально, но потом пошли вот такие блоки которые я не понимаю как верстать(прикладываю три скрина) и в ютубчике никто этого не объясняет, поэтому решаю обратиться к гуру программистам здесь. Помогите пожалуйста, вообще не допираю как их верстать.
6473a96ad5928853094089.png
6473a97ac897c402571972.png
6473a98270a81468636620.png
  • Вопрос задан
  • 297 просмотров
Решения вопроса 1
@GeKskill
Экспортируете граф. элементы в svg/png. Оборачиваете эти блоки в какой-нибудь div.wrapper с position:relative. Создаете дочерний div { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }, а в этот div уже картинку img { width: 100%; height: 100%, object-fit: cover; } или background на дочерний, который с абсолютом.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
@Oxygen32
через position: absolute
Ответ написан
scoffs
@scoffs
Frontend | C# | Student
На первых двух скринах подойдет displey: flex
На третьем было бы неплохо увидеть полный скрин, в теории там просто текст по центру, а названия планет через positio: absolute
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы