Table | Create a multi-column table (fits his container)

Question

Hi.
I'm a little stuck.
I will detail what I want to develop:
1. The table must occupy 100% of the width of the container.
2. The column width must be the same for all of them.
3. The cells should not be adjusted to their contents.
4. When adding more columns (cells in each row) all columns must be displayed (it does not matter if they are very small)
And also create a prototype (which does not work: c)
https://code.sololearn.com/W5Oxj5WUemEz/?ref=app

Answer 1

Hi Pablo,
I recommend you to take a look the flex properties in css

Check my example!
https://code.sololearn.com/W6j5nDeAF3R4/?ref=app

Answer 2

Guillem Padilla 👌❤

Answer 3

Guillem Padilla Hi.
Very good code.
How can I extend this so that the height is also adjusted?

Answer 4

Guillem Padilla If you can also adjust the size (height) of the cells to your container 😁

Answer 5

Is for this project:
https://code.sololearn.com/W30Hyx3X75i6/?ref=app

Answer 6

hi Pablo Fac™ What do you mean with adjusted? To the entire screen?