Your solution looks quite nice. Maybe a couple of tips: I would advise you, to use semantic html instead of regular divs: main, header, fotter, section, article all work like div, but give meaning to your parts of the page so people with screen readers who cannot rely on visual cues, can navigate the site better.
Instead of divs with class line, you can also use hr as a horizontal line, or maybe even borders, if you don't need the thing in the markup only as a visual separator between sections.
Also, you can use the table html element for the table, which I admit is not that easy to style, but semantically may be a better choice.
0
