Editing Courses/single-page-portfolio (section)

=== Styling the sections ===
Open your CSS file in TextWrangler and delete the contents. First we are going to give all sections a '''relative position'''. This means that they will be placed in their natural order in the document. We're also giving them a '''width and height of 100%''', so that they fill the screen.

<source lang="css">
section{
  position:relative;
  height: 100%;
  width:100%;		
}
</source>

Als je dit opslaat en je browser ververst, zie je dat dit helaas nog niet werkt. Dit komt door een rare kronkel in html, niemand weet waarom. Gelukkig kun je het makkelijk wel laten werken, namelijk door er deze code boven te plaatsen: 

<source lang="css">
body, html {
  height: 100%;
}
</source>

Erg boeiend is dit nog niet, dus laten we de sections allemaal een eigen kleurtje geven. Weet je nog dat we de sections allemaal een class hebben gegeven? Die gaan we nu gebruiken! 

<source lang="css">
section.section1{
	background:red;
}

section.section2{
	background:green;
}

section.section3{
	background:blue;
}
</source>