Change Flow Layout to Layout mode (#7)

docs/INSTRUCTIONS.md

@@ -16,7 +16,7 @@ Deze leertaak wordt behandeld in sprint 2. Er worden verschillende workshops aan
 - [Briefing/debriefing](briefing-debriefing.md) - Maandag week 1
 - [Prototyping](prototyping.md)
 - [Code/Design review Prototype en HTML](code-design-review-prototype-en-html.md)
-- [Layout in CSS](https://github.com/fdnd-task/layout-in-css) 
+- [Layout in CSS](layout-in-css.md) 
 - [Typografie en leesbaarheid](typografie-en-leesbaarheid.md) 
 - [Code conventies](code-conventies.md) 
 - [Sprint review](sprint-review.md) 

docs/layout-in-css.md

@@ -0,0 +1,18 @@
+# Layout in CSS
+
+_In de workshop S02W2-03-layout-modes wordt behandeld wat Layout Modes zijn,
+waarom het belangrijk is om hier meer van te weten, en hoe je met de
+verschillende modes een layout kan maken._
+
+Normal flow of _Flow Layout_ is de manier waarop _block_- en _inline_-elementen
+op een pagina worden weergegeven voordat er wijzigingen met CSS worden
+aangebracht.
+
+Dat is dus wat je ziet als je “kale” HTML in de browser bekijkt.
+
+Om te oefenen met verschillende Layout Modes, hebben we de deeltaak “Layout in CSS”
+voor je klaargemaakt. Alles wat je hierin leert, kun je daarna toepassen in deze
+leertaak, voor je opdrachtgever.
+
+Voer de [Layout in CSS deeltaak](https://github.com/fdnd-task/layout-in-css) uit,
+en ga door met de leertaak.