Можно ли во Flex позиционировании накладывать блоки друг на друга?

Вадим, подскажи вот есть структура кода такая

https://codepen.io/Qwertymor/pen/poLmzKv

как можно наложить картинку на картинку в этом блоке?

чтоб было как на макете!!!

Можно ли во Flex позиционировании накладывать блоки друг на друга?

Вадим, что такое DOM? если сделать по отдельности 2 картинки подскажите как это правильно сделать?

Можно ли во Flex позиционировании накладывать блоки друг на друга?

Вадим,

Вы так и не показали как выглядит задание. Вы показали как выглядит макет.

задание надо сверстать такой же макет, максимально близко к оригиналу.

я тоже думал в фотошопе объединить просто все три картинки надпись прозрачную пчелок и там кружочки и ее как бэкграунд сделать, а потом 2 дива флексами, 1 див с надписями, 2 див с кнопками.

подумал слишком просто будет, да и плюс команды такие как z-index еще не проходили)

я делаю домашку другого человека, и они на занятиях не изучали еще такие команды, учили transform translate, позиционирование и вот я ищу вариант какой-то))

Как спустить Flexbox в центр если не работает justify-content?

у родителя display: flex justify-content: center align-items: center gap: 10px и попробуй увеличивать до скольки тебе надо, не забудь прописать flex-direction column если вдруг они колонкой идут

Можно ли во Flex позиционировании накладывать блоки друг на друга?

Ankhena,

Покажите как выглядит задание на самом деле?

https://www.figma.com/file/RzhixNEpyRImuPIBkbb1Av/...

я на моменте где там пчелки которые на скриншоте

Вы можете в один блок вставлять сколько угодно других.

хотел сделать через флекс и чтоб блоки накладывались во флексе друг на друга

Если уже абсолют, то зачем margin? Так и смещайте с помощью top, left, right, bottom.

ну типо так думал не правильно будет))

Да, писала выше, гридами

нашел свойство transfarm: translate (10px 10px)

Можно ли во Flex позиционировании накладывать блоки друг на друга?

Ankhena, просто такое задание, надо именно отдельными элементами это все закинуть, я тоже хотел простокак задний фон это все залить, но решил не мухлевать и сделать честно)). Есть ли какойто вариант или свойство чтоб я мог закидывать в родительном блоке (flex) другие блоки. У меня еще есть как вариант через position absolute и просто сместить так же через margin все картинки, и с помощью z-index перекрыть в нужной последовательности. Я ищу какие либо еще варианты, может где-то что-то не дочитал или о чем то не знаю. у вас есть еще идеи как это сделать...?

Как выровнять блоки?

Виталий Першин, спасибо, большое почитал понял. Но для того варианта нашел другое решение. у родительного justify-content center; и нашел свойство gap просто у него дал 10px.

Можно ли во Flex позиционировании накладывать блоки друг на друга?

Вадим, это самый простой вариант(все в одну картинку скинуть), для практики это должно быть все отдельно, поэтому ищу варианты как это можно сделать

Как выровнять блоки?

Виталий Першин, спасибо, Заработало. Теперь надо прочитать про --margin, var, width calc. Если есть ссылочка где можно посмотреть то буду очень благодарен.

Как выровнять блоки?

Виталий Першин, еще раз проверил не получется(( два последних блока встали по правому краю и все, можете скриншот пжл скинуть?

Как выровнять блоки?

Виталий Першин, https://codepen.io/Qwertymor/pen/poLmzKv

Как выровнять блоки?

не получилось((

Как выровнять блоки?

тогда верхние блоки которые в три ряда не будут прижаты к краям(((

Как растянуть блок относительно двух крайних фиксированных блоков?

Ankhena, у правого у левого поставить flex-shrink 0, а у центрального flex 1 0 auto?

Как прокручивать контент относительно шапки?

нашел ошибку один див не закрыл, Решение установил Prettier, выровнял весь код нашел не закрытый блок и все заработало.