From 0f69170fafd7716903fc760b88370b56952b893e Mon Sep 17 00:00:00 2001 From: Ilenia <26656284+ilenia-magoni@users.noreply.github.com> Date: Mon, 28 Apr 2025 22:37:10 +0200 Subject: [PATCH] fix(curriculum): better wording (#60040) --- .../66eaddd04a9e533fba689001.md | 4 ++-- .../673c91f0b934834bc4a3ecc2.md | 2 +- .../66d6a7a3e1aa411e94bf2346.md | 16 ++++++++-------- 3 files changed, 11 insertions(+), 11 deletions(-) diff --git a/curriculum/challenges/english/25-front-end-development/lab-blog-post-card/66eaddd04a9e533fba689001.md b/curriculum/challenges/english/25-front-end-development/lab-blog-post-card/66eaddd04a9e533fba689001.md index 5fb3979ff1f..ff2b65741df 100644 --- a/curriculum/challenges/english/25-front-end-development/lab-blog-post-card/66eaddd04a9e533fba689001.md +++ b/curriculum/challenges/english/25-front-end-development/lab-blog-post-card/66eaddd04a9e533fba689001.md @@ -15,8 +15,8 @@ In this lab, you'll practice how to style backgrounds and borders by creating a **User Stories:** 1. You should have a `div` element with a class of `blog-post-card` to hold all of your card elements. -2. Within the `.blog-post-card` `div` element, you should have an image element with a valid `alt` attribute and text, and a class of `post-img`. You can use `https://cdn.freecodecamp.org/curriculum/labs/cover-photo.jpg` for the `src` attribute of the image. -3. You should have a `div` with a class of `post-content` within the `.blog-post-card` `div` element with the following: +2. Within the `.blog-post-card` element, you should have an image element with a valid `alt` attribute and text, and a class of `post-img`. You can use `https://cdn.freecodecamp.org/curriculum/labs/cover-photo.jpg` for the `src` attribute of the image. +3. You should have a `div` with a class of `post-content` within the `.blog-post-card` element with the following: - An `h2` element with a class of `post-title` and text for the title of your blog post. - A `p` element with a class of `post-excerpt` and text to summarize your blog post. - An `a` element with a class of `read-more` with the text `Read More`. diff --git a/curriculum/challenges/english/25-front-end-development/lab-fcc-forum-leaderboard/673c91f0b934834bc4a3ecc2.md b/curriculum/challenges/english/25-front-end-development/lab-fcc-forum-leaderboard/673c91f0b934834bc4a3ecc2.md index 7c28a226df9..b6e6eb21658 100644 --- a/curriculum/challenges/english/25-front-end-development/lab-fcc-forum-leaderboard/673c91f0b934834bc4a3ecc2.md +++ b/curriculum/challenges/english/25-front-end-development/lab-fcc-forum-leaderboard/673c91f0b934834bc4a3ecc2.md @@ -536,7 +536,7 @@ showLatestPosts(data); assert.lengthOf(pContainer.querySelectorAll('tr'), 2); ``` -Each `tr` element from the string returned by `showLatestPosts` should contain `5` `td` elements. +Each `tr` element from the string returned by `showLatestPosts` should contain 5 `td` elements. ```js const data = { diff --git a/curriculum/challenges/english/25-front-end-development/lab-house-painting/66d6a7a3e1aa411e94bf2346.md b/curriculum/challenges/english/25-front-end-development/lab-house-painting/66d6a7a3e1aa411e94bf2346.md index b60b49832ba..deabe656982 100644 --- a/curriculum/challenges/english/25-front-end-development/lab-house-painting/66d6a7a3e1aa411e94bf2346.md +++ b/curriculum/challenges/english/25-front-end-development/lab-house-painting/66d6a7a3e1aa411e94bf2346.md @@ -14,11 +14,11 @@ Fulfill the user stories below and get all the tests to pass to complete the lab **User Stories:** -1. You should have a `#house` `div`. +1. You should have a `div` with an `id` of `house`. 1. Your `#house` should have a `position` set to `relative` so its children can be positioned with respect to it. 1. Your `#house` should have a width of `500px` and a height of `400px`. 1. Your `#house` should have a background color and a border set. -1. You should have a `#chimney`, `#roof`, `#window-1`, `#window-2`, and `#door` `div`s within the `#house`. +1. You should have five `div` elements inside `#house` with the following `id` values: `chimney`, `roof`, `window-1`, `window-2`, and `door`. 1. All of the immediate children of the `#house` should have a `position` of `absolute`. 1. `#roof`, `#chimney`, `#window-1`, `#window-2`, and `#door` should have a width, height, border, and background color set. 1. Your `#roof` should have a top value of `0`. @@ -32,7 +32,7 @@ Fulfill the user stories below and get all the tests to pass to complete the lab # --hints-- -You should have a `#house` `div`. +You should have a `div` with an `id` of `house`. ```js assert.exists(document.querySelector("div#house")); @@ -68,7 +68,7 @@ You should target `#house` and set its height to `400px`. assert.equal(new __helpers.CSSHelp(document).getStyle('#house')?.getPropertyValue("height"), "400px") ``` -You should have a `#chimney` `div` within the `#house`. +You should have a `div` with an `id` of `chimney` within the `#house`. ```js assert.exists(document.querySelector("div#house div#chimney")); @@ -104,7 +104,7 @@ You should target `#chimney` and set its `background-color` property. assert.isNotEmpty(new __helpers.CSSHelp(document).getStyle("#chimney")?.getPropertyValue("background-color")); ``` -You should have a `#roof` `div` within the `#house`. +You should have a `div` with an `id` of `roof` within the `#house`. ```js assert.exists(document.querySelector("div#house div#roof")); @@ -140,7 +140,7 @@ You should target `#roof` and set its `background-color` property. assert.isNotEmpty(new __helpers.CSSHelp(document).getStyle("#roof")?.getPropertyValue("background-color")); ``` -You should have a `#window-1` `div` within the `#house`. +You should have a `div` with an `id` of `window-1` within the `#house`. ```js assert.exists(document.querySelector("div#house div#window-1")); @@ -184,7 +184,7 @@ const windows = new __helpers.CSSHelp(document).getStyle("#window-1, #window-2") assert.isNotEmpty(window1 || windows); ``` -You should have a `#window-2` `div` within the `#house`. +You should have a `div` with an `id` of `window-2` within the `#house`. ```js assert.exists(document.querySelector("div#house div#window-2")); @@ -228,7 +228,7 @@ const windows = new __helpers.CSSHelp(document).getStyle("#window-1, #window-2") assert.isNotEmpty(window2 || windows); ``` -You should have a `#door` `div` within the `#house`. +You should have a `div` with an `id` of `door` within the `#house`. ```js assert.exists(document.querySelector("div#house div#door"));