S
S
Sergey_Afonin2017-11-20 00:04:23
css
Sergey_Afonin, 2017-11-20 00:04:23

How to make this list/table?

5a11f0f434094693851357.png
How to compose this list/table from icons and captions under them.
The spacing between all icons (bottom and adjacent) is 110px .
As you can see, each icon has a text of a different size, it goes beyond the boundaries and therefore other icons move out or the text shrinks.
I need the result to be like on the layout.
Thanks in advance)

Answer the question

In order to leave comments, you need to log in

2 answer(s)
S
Stalker_RED, 2017-11-20
@Stalker_RED

Make icon containers 110 wide, center align icon and text.

A
Ankhena, 2017-11-20
@Ankhena

How to compose this list/table from icons and captions under them.

<figure>Used to group any elements, such as images and their captions. should not be directly related to the main content of the document and when it is moved to another place, the meaning of the text should not change. Usually used for illustrations, code snippets, diagrams, graphs, diagrams, etc.
For captions, use the tag
<figcaption>
https://webref.ru/html/figure
https://webref.ru/html/figcaption
Make blocks of the desired width and align them in them center content.
Use flex.
Put your code in the sandbox (you can replace the pictures with stubs of the right size), show what specifically doesn't work.

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question