Okay, so I plan to create a table of data in the form of a card, and I want this table to be responsive. Everything went smoothly until finally, the problem came.
If you look here (at Codepen), you can see everything looks pretty normal. But try to click the next (>) button and try resizing the window. And you can see that the data is falling apart. I do not want that to happen. What I want is when we resize the window the data remains in place and does not move.
I tried using flex-basis so that each data item took 100% width, so the item remained in place. If at the initial item position, it works well. But after pressing the next (>) button and then we resize it, the item data becomes messy.
So, I hope someone who has the knowledge or someone who is an expert can help me with this problem.