html5 css3 responsive design

Good links:

https://dash.generalassemb.ly/projects

A few basics:

HTML5 Boilerplate:

<!DOCTYPE html>
<head>
<link href=”/normalize.css” rel=”stylesheet”>
<style>
</style>
</head>
<body>
<header>
<img src=”/.png”>
<h1> Blog</h1>
<ul>
<li><a href=”#”>About Me</a></li>
<li><a href=”#”>Best Poems</a></li>
<li><a href=”#”>Worst Poems</a></li>
</ul>
</header>
<article>
<h2>Article 1</h2>
<p></p>
</article>
<article>
<h2>Article 2</h2>
<p></p>
</article>
</body>

@media in styles:


@media(max-width:500px){
h1 {
font-size:36px;
}
li {
display:block;
padding:5px;
}

Transparent colour:


background: rgba(0,0,0,0.5);