From dd70237220dd9f190cd6c7179291e5e6cb528021 Mon Sep 17 00:00:00 2001 From: Marie Malarme Date: Fri, 5 Mar 2021 15:40:32 +0000 Subject: [PATCH] fix headings in readmes --- subjects/action-reaction/README.md | 2 +- subjects/bring-it-to-life/README.md | 2 +- subjects/class-that/README.md | 2 +- subjects/first-words/README.md | 2 +- subjects/nesting-organs/README.md | 2 +- subjects/select-and-style/README.md | 4 ++-- subjects/skeleton/README.md | 4 +--- subjects/the-calling/README.md | 4 +--- 8 files changed, 9 insertions(+), 13 deletions(-) diff --git a/subjects/action-reaction/README.md b/subjects/action-reaction/README.md index f030fa3a..0235fa09 100644 --- a/subjects/action-reaction/README.md +++ b/subjects/action-reaction/README.md @@ -1,4 +1,4 @@ -### Action - reaction! +### Instructions OK, you have now connected HTML, CSS and JS altogether ; big day! Excited? Exhausted? Well so far, you've only scratched the surface... Let's go deeper into the power of JS! You're going to add some interaction ; the webpage will react when a user action will happen, called an [event](https://developer.mozilla.org/en-US/docs/Web/Events) (a click, a key pressed, a mouse move, etc.). diff --git a/subjects/bring-it-to-life/README.md b/subjects/bring-it-to-life/README.md index d113d228..ad22f98c 100644 --- a/subjects/bring-it-to-life/README.md +++ b/subjects/bring-it-to-life/README.md @@ -1,4 +1,4 @@ -### Bring it to life +### Instructions Still there? Well done! But hold on, here begins the serious part... In order to control your creation, you're going to plug its brain: JavaScript. diff --git a/subjects/class-that/README.md b/subjects/class-that/README.md index 97731438..cc100557 100644 --- a/subjects/class-that/README.md +++ b/subjects/class-that/README.md @@ -1,4 +1,4 @@ -### Class that +### Instructions Alright, your being is almost done, some elements still need a bit more shaping and then we'll make it come to life! If you look at your page, you can observe that some elements come by pair: the eyes, the arms & the legs. It is the same organ, one on the left and one on the right ; they have exactly the same shape, so for practicity & to avoid to repeat twice the same style, we're not going to use their `id` to style them, but a [`class`](https://developer.mozilla.org/en-US/docs/Web/CSS/Class_selectors) ; contrary to an `id`, a `class` can be attributed to several different elements with common rulesets, and so the style defined for that class will apply to all the HTML elements that have it. diff --git a/subjects/first-words/README.md b/subjects/first-words/README.md index 7648275e..853ec79b 100644 --- a/subjects/first-words/README.md +++ b/subjects/first-words/README.md @@ -1,4 +1,4 @@ -### First words +### Instructions Now that you know how to make your creation move, what about making it communicate its first words to the world? diff --git a/subjects/nesting-organs/README.md b/subjects/nesting-organs/README.md index c17fdadb..dc878368 100644 --- a/subjects/nesting-organs/README.md +++ b/subjects/nesting-organs/README.md @@ -1,4 +1,4 @@ -### Nesting organs +### Instructions Bravo! You displayed the global shape of your entity, but now it's time to populate each division ; let's add up some organs! To do so, we're going to introduce you the concept of nesting elements inside others. diff --git a/subjects/select-and-style/README.md b/subjects/select-and-style/README.md index e59ec444..a89cb8a9 100644 --- a/subjects/select-and-style/README.md +++ b/subjects/select-and-style/README.md @@ -1,5 +1,3 @@ -## Select & style - ### Instructions Now that you created & identified properly the different sections of your being, @@ -8,6 +6,7 @@ style it with [CSS][0]. Create a CSS file, [link it][1] to your `select-and-style.html`, and: - target all the elements with the [universal selector][2] and style them with: + - `margin` of `0` - `box-sizing` to `border-box` - `opacity` of `0.85` @@ -16,6 +15,7 @@ style it with [CSS][0]. Create a CSS file, [link it][1] to your viewport height - target all the `section` tags with the [type selector][3], and style it with: + - `padding` of `20px` - `width` of `100%` - `height` of `calc(100% / 3)` _(one third of the `body` height)_ diff --git a/subjects/skeleton/README.md b/subjects/skeleton/README.md index 6dd46273..7874bb71 100644 --- a/subjects/skeleton/README.md +++ b/subjects/skeleton/README.md @@ -1,6 +1,4 @@ -### Skeleton - -#### Instructions +### Instructions Welcome to the `world-wide-what` quest! In this new digital world you're gonna discover, it is possible to create beings with some lines of code. Yes, it is. diff --git a/subjects/the-calling/README.md b/subjects/the-calling/README.md index c2593bd4..336477c1 100644 --- a/subjects/the-calling/README.md +++ b/subjects/the-calling/README.md @@ -1,11 +1,9 @@ -## The calling +### Instructions Congrats! You created the very first base for your being and you witnessed its appearance on the digital world - your browser. But so far, it's a tiny seed of the marvelous thing it could become ; be patient, there still is a bit of work. -### Instructions - First of all, instead of writing down what things are _(you're not writing down on your hand the word 'hand', are you?)_ we're going to identify them semantically with the very practical