Responsive Feature Comparison Table
This is an example of a responsive feature comparison table, designed with CSS, HTML, and Bootstrap framework 4. The font style and the Bootstrap styles have been imported to the code with their URLs. The concept of Lists has been used with UL and LI components. UL element has been used with the child elements of LI to display the table rows, in an orderly manner. The table header title is displayed with a font-size of 25px. The header section of the table is displayed with a style set of background color as #6b6b6b none repeat scroll 0 0, font color as #fff, font-weight as 600, and text-transform as uppercase to automatically convert the text to uppercase. The table rows are given a style set of background color as #da9748 none repeat scroll 0 0, border-bottom as 2px solid #e5a253, font color as #f1f1f1, and font-size as 16px. In a hover event, the background color of the table rows gets changed to #e5a253.