Table with Round color icons for rows
This is an example for displaying the data in a table format with the use of HTML and CSS. The entire page has the styles of position as relative, height as 100%, background as rgba(0,0,0,.3), font family as 'Roboto', sans-serif, font weight as 300, font size as 17 and font color as #777. Implementation of the curve effect on the border of the quiz window has been accomplished by setting the border radius as 4px. The other styles which are applied for the quiz window are; position as absolute, left as 0, right as 0, top as 50px, margin as auto, width as 600px, background as #fff and overflow as hidden. By setting the overflow as hidden, the scroll bars will not be displayed. The title of the table has the font size as 18px, width as 40%, min width as 160px, font weight as normal and padding top as 3px.
credits - https://codepen.io/sdhnik/pen/JdVaow