@oaved
Posted
I don't know if it will shorten your code but I find it useful to design text with utility classes. It makes the CSS code shorter and takes away the problem of coming up with a uniqr name for every bit of text. The downside is the HTML gets longer. But utility classes could be something you wanna check out.
I think your semantics is fine but I think your use of <article> is a bit off. I belive <article> is used when something can be taken out of the context of the webpage and still be understood. The best example is in fact an article of some sort. In this case I would use the <section> tags where you use <article>. You could also use the role-attribute in your table. Use role=table, role=row and role=cell on the table, row and cell divs.
Just some tips and tricks, the design looks good and that is the most important!
Marked as helpful