CSS-only Responsive Tables with just a little bit of CSS

Simple Table (resize the browser to see the change)
Lorem Aliquam Soluta Deserunt Excepturi Necessitatibus Mollitia
Lorem ipsum dolor sit. Tempora cumque maxime mollitia! Ea at necessitatibus, optio. Veritatis sunt, et porro. Necessitatibus, nesciunt. Qui, veniam. Blanditiis architecto officia obcaecati. Possimus, inventore veniam.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Beatae laudantium debitis minima necessitatibus molestiae, praesentium ex. Omnis iste, eligendi rerum. Possimus, inventore veniam recusandae! Quasi tempore blanditiis architecto officia obcaecati, in debitis. Sed consectetur dolorum rerum cupiditate aliquid porro at. Nesciunt qui, veniam necessitatibus molestiae, praesentium ex. Sunt et porro minima architecto officia obcaecati.
Taller Table
Lorem Non Unde Ab Assumenda
Nulla, odit. Delectus, laudantium. In, delectus. Quibusdam, ex. Vero, cumque.
Facere, atque facilis. Distinctio deserunt, dolorum? Quaerat, voluptatibus accusantium. Veniam, aperiam, magnam. A, repellat, qui.
Earum, molestiae? Consectetur, dolorum! Aliquam, ad. Praesentium, totam. Voluptates, soluta.
Ipsam aliquam, quidem. Quasi molestiae, commodi. Voluptate, repellat ad. Id, fugit, magnam! Fuga, quia, facere.
Dolores, perspiciatis, iste. Rerum, ab, velit? Repellendus, natus, aut! Saepe quisquam, aperiam. Dolores, aut, sunt!
Dolor, velit, quo. Deleniti, quas, quam. Ad, voluptatibus, praesentium? Itaque illo, maiores? Iure, molestiae, quo.
Follow