K
K
kaidos2021-07-14 19:47:50
Layout
kaidos, 2021-07-14 19:47:50

How to place labels like in the picture using flex?

I need to place labels like in the picture:

dgOFl6XhPtU.jpg?size=1920x1080&quality=96&sign=bad3a0068e57e9a68dd481bac9dd354e&type=album

This is what I get:

GlLs0GRIsvM.jpg?size=1920x1080&quality=96&sign=0b76842c29b2d1b68d4b4a1201afbcf3&type=album

My code is a link to a CodePen.

Answer the question

In order to leave comments, you need to log in

1 answer(s)
A
approximate solution, 2021-07-14
@approximate_solution

No need to torture yourself with flex. Flex is handy when you place something horizontally, vertically one-dimensionally.
You see a "complex" grid - make it a grid. All your markup is laid out with grid-temlate-column, rows, areas, and width settings.

Didn't find what you were looking for?

Ask your question

Ask a Question

731 491 924 answers to any question