S
S
Spartacus2021-12-23 14:01:02
css
Spartacus, 2021-12-23 14:01:02

A block with a picture resting on the text becomes an egg, how to fix it?

Hi all. People, help me figure it out. I made a block with 3 icons inside, in each column there is a picture and a block with text, when adaptive, the text rests on the picture and it starts to narrow horizontally. I will attach screenshots and archive. Maybe I didn’t build the html-structure correctly at all, give me a slap and show me how to do it right)) Thanks for any help and hint. Screenshots 61c4569f0c95b882628250.jpeg
61c456a84c43a749545644.jpeg Original layout: https://www.figma.com/file/Qk6DQfIvqqis3rGg4zj684/... Project archive: https://yadi.sk/d/rt9fAYIzdy-5CA

Answer the question

In order to leave comments, you need to log in

1 answer(s)
A
Artem, 2021-12-23
@firefox-name

Add this code:

.main__item-icon {
    flex: 0 0 auto;
}

Due to the fact that the flex element does not have any set flex properties, it shrinks so much)))

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question