Normal |
Fire |
Water |
Electric |
Grass |
Ice |
cell 1 |
cell 2 |
cell 3 |
cell 4 |
cell 5 |
cell 6 |
Fighting |
Poison |
Ground |
Flying |
Psychic |
Bug |
cell 1 |
cell 2 |
cell 3 |
cell 4 |
cell 5 |
cell 6 |
Rock |
Ghost |
Dragon |
Dark |
Steel |
Fairy |
cell 1 |
cell 2 |
cell 3 |
cell 4 |
cell 5 |
cell 6 |
You can apply width values to the table itself and to the table cells. Under some circumstances, the browser may override the given width to make the table render correctly. To get more control, you'd have to use something like flex instead, which can get complicated quickly. (it's not that bad once you get used to it, but it's a lot to get started)
Typically, you'd use percent values for the widths, so the table works on different screen sizes. I'm making the tables the full width of the post, then the cells the appropriate width based on the number of columns. (your tables all have 6 columns, so I used 16.6%)
table {
width: 100%;
td {
width: 16.6%;
}
}