How to align blocks?

Hi!
How to make a neat adaptive folding blocks?
Everything seems to be doing flex, but still all wood
Sandbox jsFiddle
And the numbers didn't work out? the width:50px is not working
5b50b7dce0cfb308311331.jpeg
June 3rd 19 at 20:19
2 answers
June 3rd 19 at 20:21
Solution
In Your example the price called immediately left.
Tell me how to line up? The price is not broke, and was fixed width? - Lisette commented on June 3rd 19 at 20:24
, https://jsfiddle.net/Svupol/kscjx827/35/ - Myrtis commented on June 3rd 19 at 20:27
thank you! a very interesting approach. - Lisette commented on June 3rd 19 at 20:30
June 3rd 19 at 20:23
For "fold-in" blocks
@media screen and (max-width: 420px) { 
.table-item{
 flex-direction: column;
}
 }
here don't need media queries, it flex's - Lisette commented on June 3rd 19 at 20:26
how is it connected? I would also put a breakpoint and changed direction at some point, because a wrap is not so in this case. While on the other hand, it is unclear what OP wants, - Myrtis commented on June 3rd 19 at 20:29

Find more questions by tags CSS