The Template

Here are direct links to the files (open in new windows):
HTML5 Template: template.html
CSS3 Style Sheet: template.css

Check the comments in the style sheet to see how the media queries are structured.

You can experiment with the effects of the media queries by resizing the browser window (assuming you are not on a mobile device). You will notice that under 1000px width, the columns become flexible and shrink with the size of the window, and under 320px the main column becomes rigid with a width of 320px and the right sidebar navigation scoots to the top of the page.

Discussion

Name *:        Email *:        URL:
SUBMIT
no comments yet...