CodeCow/freeCodeCamp
1
0
Fork 0
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git synced 2026-06-22 21:08:12 +08:00
Code Issues Actions 3 Packages Projects Releases Wiki Activity

fix(curriculum): add word nesting & comments to nutrition-label (#49070)

Browse Source 
* fix: clarify  description wording & add comments

Add comments to code to clear up confusion about where user's should actually be writing their code, as this has been the cause of problems and frustration for some. Also improve the description to incorporate the use of the phrasing 'nesting' in a clear and understandable manner as per suggestions in issue #49017

* fix (comment): rewrite comment by repo rules

Re-wrote the comment in order to comply with the repo dictionary for transalation puposes.

* Update curriculum/challenges/english/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6b2d164f81809efd9bdc.md

wording altered to exactly match issue's suggestion

Co-authored-by: Muhammed Mustafa <muhammed@freecodecamp.org>

* Update curriculum/challenges/english/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6b2d164f81809efd9bdc.md

Co-authored-by: Muhammed Mustafa <muhammed@freecodecamp.org>

* fix curriculum: clarify desc for nutrional-label, step-53

Update description wording to use the phrase nest to make it simpler and easier to follower for users

* refactor: update wording to clarify instruction

Co-authored-by: Muhammed Mustafa <muhammed@freecodecamp.org>
This commit is contained in:
Mark Linn 2023-01-23 23:57:21 +01:00 committed by GitHub
parent f95a6261ba
commit fcfb625bc5
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 2 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
curriculum/challenges/english/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6b2d164f81809efd9bdc.md
View File

@ -7,7 +7,7 @@ dashedName: step-43
# --description--
After your last `.divider` element, create a `p` element and give it the text `Total Fat 8g 10%`. Wrap `Total Fat` in a `span` element with the `class` set to `bold`. Wrap `10%` in another `span` element with the `class` set to `bold`. Also wrap the words `Total Fat 8g` in an additional `span` element for alignment.
After your last `.divider` element, create a `p` element and give it the text `Total Fat 8g 10%`. Wrap `Total Fat` in a `span` element with the `class` set to `bold`. Wrap `10%` in another `span` element with the `class` set to `bold`. Finally, nest the `Total Fat` `span` element and the text `8g` in an additional `span` element for alignment.
# --hints--

2
curriculum/challenges/english/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7de4487b64919bb4aa5e.md
View File

@ -7,7 +7,7 @@ dashedName: step-53
# --description--
After your last `.divider`, create a new `p` element with the text `Cholesterol 0mg 0%`. Wrap the text `Cholesterol` in a `span` element, and give that `span` element the `class` attribute set to `bold`. Wrap the text `0%` in another `span` element, with the `class` set to `bold`. Also wrap `Cholesterol 0mg` in an additional `span` element for the alignment.
After your last `.divider`, create a new `p` element with the text `Cholesterol 0mg 0%`. Wrap the text `Cholesterol` in a `span` element, and give that `span` element the `class` attribute set to `bold`. Wrap the text `0%` in another `span` element, with the `class` set to `bold`. Finally, nest the `Cholesterol` and `0mg` span elements inside an additional span element for alignment.
# --hints--