Close

Responsive Table

This is an example of displaying the details in a table format with the use of HTML and CSS. The table elements in HTML have been used to organize the data in a table format. The width for the responsive value has been declared as a variable in CSS so the same variable can be re used in several places in the CSS file. The intention of making the view responsive has been accomplished by the implementation of the media queries with the value of min width as 480px. The table has the styles of margin as 1em 0 and the min width as 300px. The table header cells have the styles of display as none and the table data have the value of display as block. The table row have the border styles of border top as 1px solid #ddd and border bottom as 1px solid #ddd. credits - https://codepen.io/geoffyuen/pen/FCBEg

Post Comment or Questions

Lorem ut labore et dolore magna aliqua. Ut enim ad minim veniam.

Your email address will not be published.