Table Example 1

A simple grid. Columns will condense as the screen size gets smaller.

Id

Superhero Name

Name

Powers

Alive for Endgame?

1
Iron Man
Tony Stark
Wears modular arc reactor-powered Iron Man armor, granting superhuman strength & durability, the ability to fly & project Repulsor blasts
Yes
2
Captain America
Steve Rogers
Heightened endurance, strength, and reaction time
Yes
3
Black Panther
King TChalla
Heightened strength, speed, stamina agility and reflexes; master of martial arts, acrobatics & hand-held weaponry
No
4
Doctor Strange
Doctor Stephen Strange
Master of the Mystic Arts, with unparalleled knowledge of arcade spells and enchantments, including teleportation, astral projection and dimensional manipulation
No
5
Thor
Thor
Superhuman strength, speed, endurance & resistance to injury + hammer
Yes

Table Example 2

A grid that turns into cards in smaller screen sizes.

Id

1

Superhero Name

Iron Man

Name

Tony Stark

Powers

Wears modular arc reactor-powered Iron Man armor, granting superhuman strength & durability, the ability to fly & project Repulsor blasts

Alive for Endgame?

Yes
2
Captain America
Steve Rogers
Heightened endurance, strength, and reaction time
Yes
3
Black Panther
King TChalla
Heightened strength, speed, stamina agility and reflexes; master of martial arts, acrobatics & hand-held weaponry
No
4
Doctor Strange
Doctor Stephen Strange
Master of the Mystic Arts, with unparalleled knowledge of arcade spells and enchantments, including teleportation, astral projection and dimensional manipulation
No
5
Thor
Thor
Superhuman strength, speed, endurance & resistance to injury + hammer
Yes

Table Example 3

A grid where the columns remain the same size as the screen size decreases. The table is then scrollable to the right.

Id

Superhero Name

Name

Powers

Alive for Endgame?

1
Iron Man
Tony Stark
Wears modular arc reactor-powered Iron Man armor, granting superhuman strength & durability, the ability to fly & project Repulsor blasts
Yes
2
Captain America
Steve Rogers
Heightened endurance, strength, and reaction time
Yes
3
Black Panther
King TChalla
Heightened strength, speed, stamina agility and reflexes; master of martial arts, acrobatics & hand-held weaponry
No
4
Doctor Strange
Doctor Stephen Strange
Master of the Mystic Arts, with unparalleled knowledge of arcade spells and enchantments, including teleportation, astral projection and dimensional manipulation
No
5
Thor
Thor
Superhuman strength, speed, endurance & resistance to injury + hammer
Yes