@nullpuppy
Posted
I'd recommend looking at semantic html a bit, and trying to use things like article
and section
and such instead of relying on div
s for everything. I might also recommend rethinking the naming of the CSS classes to reduce duplication, there's a few areas where at least some of the styling can be shared between sections.
Regarding your request no how to estimate sizes of things, what I've done is pull the design or preview images were given into an image editor (like inkscape), and drawing boxes around various elements or features to figure out sizing. I've then started converting pixel sizes to rem by way of through font-size
on a html, body
and using that as my conversion unit. Hope that helps!