3 files changed, 8 insertions, 3 deletions
diff --git a/3 resources/css/display.md b/3 resources/css/Display.md
index cf27f55..d145d43 100644
--- a/3 resources/css/display.md
+++ b/3 resources/css/Display.md
@@ -1,3 +1,6 @@
+#css 
+
+---
 display none vs visibility hidden: display: none is really like the element does not exist. Visibility hidden just hides it but it still takes space.
 
 A display: none element can still have size and be coloured with a background image. It still doesn't take space. This can be used for a timeline bar for example!
 \ No newline at end of file
diff --git a/3 resources/css/flexbox.md b/3 resources/css/Flexbox.md
index 9e8f95e..04d5af2 100644
--- a/3 resources/css/flexbox.md
+++ b/3 resources/css/Flexbox.md
@@ -1,3 +1,6 @@
+#css 
+
+---
 Flexbox deals with layout always in only one dimension; it's possible to specify which dimension: either vertical or horizontal.
 
 Two axes: main and cross
@@ -6,7 +9,6 @@ Control main axis: `flex-direction: row|row-reverse|column|column-reverse`. The
 
 Cross axis is always the opposite of `flex-direction`, so if `flex-direction: row-reverse` the cross axis is `column-reverse`.
 
-[[TODO]] What is: "writing mode of the document"? Mentioned on the docs.
-This document explains: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_flexible_box_layout/Relationship_of_flexbox_to_other_layout_methods#writing_modes
-
+The writing mode determines where the start and end are, based on for example languages. Japanese is written from right-to-left rather than western left-to-right.
+So while in Europe the start of a flexbox is at the left and the end at the right in Japan this would be reversed.
 
diff --git a/3 resources/css/grids.md b/3 resources/css/Grid.md
index 66b0ec8..66b0ec8 100644
--- a/3 resources/css/grids.md
+++ b/3 resources/css/Grid.md