Simple Table

Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et metus.

Maecenas et metus.

Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et metus.

Maecenas et metus.

Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et metus.

Maecenas et metus.

Lorem ipsum dolor sit amet.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et metus.

Maecenas et metus.

The table is made with flex positioning of the table rows and columns, so that they collapse into a column on small viewports. More columns can be added. The second class name for the columns is here being used to give each column a different background colour, which makes it easier to 'read' it on phone size devices.
Select the class .table-wrapper to make a component.