diff --git a/flexbox/use-cases/media-flipped.html b/flexbox/use-cases/media-flipped.html index 78393a3e..7f3d3a31 100644 --- a/flexbox/use-cases/media-flipped.html +++ b/flexbox/use-cases/media-flipped.html @@ -1,105 +1,107 @@ - - - - Use cases: media objects - - - + - - - -
-
-
MDN logo
-
This is the content of my media object. Items directly inside the flex container will be aligned to flex-start.
-
+ } + + + + +
+
+
MDN logo
+
+ This is the content of my media object. Items directly inside the flex + container will be aligned to flex-start. +
+
+
+ - + -
- -
- - + +
+ +
+ + diff --git a/flexbox/use-cases/media.html b/flexbox/use-cases/media.html index 28540907..c33ff798 100644 --- a/flexbox/use-cases/media.html +++ b/flexbox/use-cases/media.html @@ -1,97 +1,100 @@ - - - - Use cases: media objects - - - + - - - -
-
-
MDN logo
-
This is the content of my media object. Items directly inside the flex container will be aligned to flex-start.
-
+ } + + + + +
+
+
MDN logo
+
+ This is the content of my media object. Items directly inside the flex + container will be aligned to flex-start. +
+
+
+ - + -
- -
- - + reset.addEventListener("click", function () { + textareaHTML.value = htmlCode; + textareaCSS.value = cssCode; + fillCode(); + }); + textareaHTML.addEventListener("input", fillCode); + textareaCSS.addEventListener("input", fillCode); + window.addEventListener("load", fillCode); +