First of all, for the sake of the styling, we will wrap the <header> and everything inside it in a … See more

What we are doing here: 1. Give it a background color. 2. Overwrite the default margin from browsers by setting the margin to 0. 3. Use the same font type for .subtitle and <nav>… See more

What we are doing here: 1. Set the Caveat font to <h1>to overwrite the default font. 2. Give margin: 0; to <h1>to get rid of the default margin that comes with it. 3. Set color and fo… See more

PermalinkThe .container
What we are going to do here: 1. Set width: 90%;to give some space on the left and right sides. 2. Set max-width: 900px;. Setting the … See more

We will set the max-width of 640px for all type of media. This means that all styles in the media queries will be applied from smaller sizes until the maximum width of 640px. Abo… See more