---
title: "Comment by Rachel Andrew on \"Really Responsive Tables using CSS3 Flexbox\" | Hashnode"
description: "The problem is that you don't have a table any more. Semantic table markup is important, when you have tabular data, as it describes the meaning of that con"
url: "https://hashnode.com/posts/really-responsive-tables-using-css3-flexbox/56ab0b76960088c21db4d82c/comment/56ac95cbf28f9d9d99e3a78e"
---

[Discussion](https://hashnode.com/posts/really-responsive-tables-using-css3-flexbox/56ab0b76960088c21db4d82c)

Comment [Really Responsive Tables using CSS3 Flexbox](https://hashnode.com/posts/really-responsive-tables-using-css3-flexbox/56ab0b76960088c21db4d82c)

[Rachel Andrew](https://hashnode.com/@rachelandrew)

[Jan 30, 2016](https://hashnode.com/posts/really-responsive-tables-using-css3-flexbox/56ab0b76960088c21db4d82c/comment/56ac95cbf28f9d9d99e3a78e)

The problem is that you don't have a table any more. Semantic table markup is important, when you have tabular data, as it describes the meaning of that content. Now you just have a string of meaningless data wrapped in div elements.

I like the idea though and responsive tables as something of an unsolved problem, I wonder if it would be possible to do something similar with semantic markup. It might require display: contents (which is currently only supported in Firefox).

[Vasan Subramanian](https://hashnode.com/@vasan)

[Feb 1, 2016](https://hashnode.com/posts/really-responsive-tables-using-css3-flexbox/56ab0b76960088c21db4d82c/comment/56ac95cbf28f9d9d99e3a78e#reply-56af0063f0d4c819c66bbfe5)

Yes, I see what you mean regarding semantics. I think it may work if we set `display: block` for `<td>`s, but I'm not sure how to handle the nesting, that's going to break the semantics anyway.

[Michael Richins](https://hashnode.com/@MrGrigri)

[May 11, 2016](https://hashnode.com/posts/really-responsive-tables-using-css3-flexbox/56ab0b76960088c21db4d82c/comment/56ac95cbf28f9d9d99e3a78e#reply-57338fb3ed7f46c535352f34)

The best way to overcome this is to use aria accessible features [here](https://wiki.mozilla.org/Accessibility/TableHeaders). This will provide accessibility options for screen readers or voice-over programs.

[Ann Mary](https://hashnode.com/@AnnMary)

[Sep 11, 2020](https://hashnode.com/posts/really-responsive-tables-using-css3-flexbox/56ab0b76960088c21db4d82c/comment/56ac95cbf28f9d9d99e3a78e#reply-5f5b9b2be0b75e58b295238c)

[Vasan Subramanian](https://hashnode.com/@vasan) Thanks a lot for your help. You have shared the details of using tables in CSS3 Flexbox. And through this post, I got the details of all types of tables we can use. [thevegancbd.com](https://thevegancbd.com/) I think it's a piece of useful information.