grid.css and typography.css files and updated main

added:
viewports, html, body, flex and basic media queries to main.css