chore(i18n,learn): processed translations (#49211)

2026-09-24 23:01:18 +08:00 · 2023-01-31 08:04:10 -08:00
parent 9f5e6a894f
commit 74b1ff96a1
38 changed files with 73 additions and 91 deletions
@@ -9,11 +9,11 @@ dashedName: add-two-numbers-with-javascript

 # --description--

-`Number` (رَقَم) هو نوع من أنواع البيانات في لغة JavaScript و هو يمثل بيانات رقمية.
+`Number` هو نوع من أنواع البيانات في لغة JavaScript و هو يمثل بيانات رقمية.

 حاول إضافة رقمين باستخدام JavaScript.

-تستخدم JavaScript رمز `+` كمعامل الإضافة عند وضعه بين رقمين.
+تستخدم JavaScript رمز `+` كمشغل الإضافة عند وضعه بين رقمين.

 **مثال:**

@@ -10,14 +10,14 @@ dashedName: declare-a-read-only-variable-with-the-const-keyword

 لا يكون أستخدام مصطلح `let` الطريقة الجديدة الوحيدة لإعلان المتغيرات. في ES6، يمكنك أيضا إعلان المتغيرات باستخدام كلمة `const`.

-تحتوي `const` كل الميزات الرائعة الموجودة في `let`، مع المكافأة المضافة و هي أن المتغيرات المعلنة بواسطة `const` تستعمل للقراءة فقط. وإنهم قيم ثابتة، مما يعني أنه بمجرد إعلان المتغير باستخدام `const`، فلا يمكن إعادة تعيينه:
+تحتوي `const` كل الميزات الرائعة الموجودة في `let`، مع المكافأة الإضافية و هي أن المتغيرات المعلنة بواسطة `const` تستعمل للقراءة فقط. وإنهم قيم ثابتة، مما يعني أنه بمجرد إعلان المتغير باستخدام `const`، فلا يمكن إعادة تعيينه:

 ```js
 const FAV_PET = "Cats";
 FAV_PET = "Dogs";
 ```

-سيتم عرض خطأ في وحدة التحكم بسبب إعادة تعيين قيمة `FAV_PET`.
+ستعرض وحدة التحكم خطأ بسبب إعادة تعيين قيمة `FAV_PET`.

 يجب عليك دائماً إعلان المتغيرات التي لا تريد إعادة تعيينها باستخدام المصطلح `const`. يساعد هذا عندما تحاول بالخطأ إعادة تعيين متغير من المفترض أن يظل ثابتًا.

@@ -7,7 +7,7 @@ dashedName: step-57

 # --description--

-لمحاذاة مربعات `input` مع بعضها البعض، قم بتعيين خاصية `display` إلى `inline-block` لجميع عناصر `input` و `label` داخل عناصر `.info`.
+To align the input boxes with each other, create a new ruleset that targets all `input` and `label` elements within an `.info` element and set the `display` property to `inline-block`.

 أيضًا، بمحاذي (align) نص عنصر `label` إلى اليمين.

@@ -106,11 +106,9 @@ assert(pText.match(/^no copyright - freecodecamp.org$/));
      </section>
    </main>
    <footer>
-      <p>
 --fcc-editable-region--
-        No Copyright - freeCodeCamp.org
+      <p>No Copyright - freeCodeCamp.org</p>
 --fcc-editable-region--
-      </p>
    </footer>
  </body>
 </html>
@@ -7,7 +7,7 @@ dashedName: step-57

 # --description--

-要使 `input` 框彼此對齊，請將所有 `.info` 元素內 `input` 和 `label` 元素的 `display` 屬性設置爲 `inline-block`。
+To align the input boxes with each other, create a new ruleset that targets all `input` and `label` elements within an `.info` element and set the `display` property to `inline-block`.

 另外，將 `label` 元素的文本向右對齊。

@@ -106,11 +106,9 @@ assert(pText.match(/^no copyright - freecodecamp.org$/));
      </section>
    </main>
    <footer>
-      <p>
 --fcc-editable-region--
-        No Copyright - freeCodeCamp.org
+      <p>No Copyright - freeCodeCamp.org</p>
 --fcc-editable-region--
-      </p>
    </footer>
  </body>
 </html>
@@ -7,7 +7,7 @@ dashedName: step-57

 # --description--

-要使 `input` 框彼此对齐，请将所有 `.info` 元素内 `input` 和 `label` 元素的 `display` 属性设置为 `inline-block`。
+To align the input boxes with each other, create a new ruleset that targets all `input` and `label` elements within an `.info` element and set the `display` property to `inline-block`.

 另外，将 `label` 元素的文本向右对齐。

@@ -106,11 +106,9 @@ assert(pText.match(/^no copyright - freecodecamp.org$/));
      </section>
    </main>
    <footer>
-      <p>
 --fcc-editable-region--
-        No Copyright - freeCodeCamp.org
+      <p>No Copyright - freeCodeCamp.org</p>
 --fcc-editable-region--
-      </p>
    </footer>
  </body>
 </html>
@@ -7,7 +7,7 @@ dashedName: step-57

 # --description--

-Para alinear las cajas `input` entre sí, establece la propiedad `display` a `inline-block` para todos los elementos `input` y `label` dentro de los elementos `.info`.
+To align the input boxes with each other, create a new ruleset that targets all `input` and `label` elements within an `.info` element and set the `display` property to `inline-block`.

 Alinea también el texto del elemento `label` a la derecha.

@@ -106,11 +106,9 @@ assert(pText.match(/^no copyright - freecodecamp.org$/));
      </section>
    </main>
    <footer>
-      <p>
 --fcc-editable-region--
-        No Copyright - freeCodeCamp.org
+      <p>No Copyright - freeCodeCamp.org</p>
 --fcc-editable-region--
-      </p>
    </footer>
  </body>
 </html>
@@ -7,7 +7,7 @@ dashedName: step-57

 # --description--

-To align the `input` boxes with each other, set the `display` property to `inline-block` for all `input` and `label` elements within `.info` elements.
+To align the input boxes with each other, create a new ruleset that targets all `input` and `label` elements within an `.info` element and set the `display` property to `inline-block`.

 Also, align the `label` element's text to the right.

@@ -106,11 +106,9 @@ assert(pText.match(/^no copyright - freecodecamp.org$/));
      </section>
    </main>
    <footer>
-      <p>
 --fcc-editable-region--
-        No Copyright - freeCodeCamp.org
+      <p>No Copyright - freeCodeCamp.org</p>
 --fcc-editable-region--
-      </p>
    </footer>
  </body>
 </html>
@@ -7,7 +7,7 @@ dashedName: step-57

 # --description--

-Per allineare le caselle di `input` tra loro, imposta la proprietà `display` su `inline-block` per tutti gli elementi `input` e `label` all'interno degli elementi `.info`.
+To align the input boxes with each other, create a new ruleset that targets all `input` and `label` elements within an `.info` element and set the `display` property to `inline-block`.

 Inoltre allinea il testo dell'elemento `label` sulla destra.

@@ -106,11 +106,9 @@ assert(pText.match(/^no copyright - freecodecamp.org$/));
      </section>
    </main>
    <footer>
-      <p>
 --fcc-editable-region--
-        No Copyright - freeCodeCamp.org
+      <p>No Copyright - freeCodeCamp.org</p>
 --fcc-editable-region--
-      </p>
    </footer>
  </body>
 </html>
@@ -1,6 +1,6 @@
 ---
 id: 56bbb991ad1ed5201cd392cc
-title: Manipulate Arrays With pop Method
+title: pop メソッドによる配列の操作
 challengeType: 1
 videoUrl: 'https://scrimba.com/c/cRbVZAB'
 forumTopicId: 18236
@@ -1,6 +1,6 @@
 ---
 id: 56bbb991ad1ed5201cd392cb
-title: Manipulate Arrays With push Method
+title: push メソッドによる配列の操作
 challengeType: 1
 videoUrl: 'https://scrimba.com/c/cnqmVtJ'
 forumTopicId: 18237
@@ -1,6 +1,6 @@
 ---
 id: 56bbb991ad1ed5201cd392cd
-title: Manipulate Arrays With shift Method
+title: shift メソッドによる配列の操作
 challengeType: 1
 videoUrl: 'https://scrimba.com/c/cRbVETW'
 forumTopicId: 18238
@@ -1,6 +1,6 @@
 ---
 id: 56bbb991ad1ed5201cd392ce
-title: Manipulate Arrays With unshift Method
+title: unshift メソッドによる配列の操作
 challengeType: 1
 videoUrl: 'https://scrimba.com/c/ckNDESv'
 forumTopicId: 18239
@@ -7,7 +7,7 @@ dashedName: step-57

 # --description--

-`input` ボックスの位置を揃えるために、`.info` 要素内の `input` 要素と `label` 要素すべての `display` プロパティを `inline-block` に設定してください。
+To align the input boxes with each other, create a new ruleset that targets all `input` and `label` elements within an `.info` element and set the `display` property to `inline-block`.

 また、`label` 要素のテキストを右側に揃えてください。

@@ -16,11 +16,11 @@ gradient-type(
 );
 ```

-上の例では、上部が `color1` の色、下部が `color2` の色となり、その合間は一方からもう一方の色へと均等に変化します。 In `.bb1a`, add a `background` property below the `background-color` property. Set it as a gradient of type `linear-gradient` that uses `--building-color1` as the first color and `--window-color1` as the second.
+上の例では、上部が `color1` の色、下部が `color2` の色となり、その合間は一方からもう一方の色へと均等に変化します。 `.bb1a` の `background-color` プロパティの下に、`background` プロパティを追加してください。 それを `linear-gradient` タイプのグラデーションに設定して、1 番目の色には `--building-color1`、2 番目の色には `--window-color1` を使用してください。

 # --hints--

-You should apply a `background` to `.bb1a` right after the `background-color`.
+`.bb1a` について、`background-color` の直後に `background` を適用してください。

 ```js
 assert(new __helpers.CSSHelp(document).getStyle('.bb1a')?.background);
@@ -25,7 +25,7 @@ assert(document.querySelector('p'));
 assert(code.match(/<\/p\>/));
 ```

-Your `p` element's text should be `See more cat photos in our gallery.` テキストに誤字脱字があります。
+`p` 要素のテキストは `See more cat photos in our gallery.` でなければなりません。 テキストに誤字脱字があります。

 ```js
 const extraSpacesRemoved = document
@@ -65,7 +65,7 @@ assert(
 assert(document.querySelector('p'));
 ```

-The text of the `p` element should be `See more cat photos in our gallery.` `p` 要素のテキストやスペース、句読点を変更しないでください。
+`p` 要素のテキストは `See more cat photos in our gallery.` でなければなりません。 `p` 要素のテキストやスペース、句読点を変更しないでください。

 ```js
 assert(
@@ -38,7 +38,7 @@ assert(
 );
 ```

-After nesting the anchor (`a`) element, the only `p` element content visible in the browser should be `See more cat photos in our gallery.` Double check the text, spacing, or punctuation of both the `p` and nested anchor element.
+アンカー (`a`) 要素をネストした後は、ブラウザーに表示される `p` 要素の中身は `See more cat photos in our gallery.` だけになるはずです。`p` 要素およびネストされたアンカー要素の、テキスト、スペース、句読点を再確認してください。

 ```js
 const pText = document
@@ -55,7 +55,7 @@ assert.deepStrictEqual(
 );
 ```

-You should only have one `ol` element.
+`ol` 要素が 1 つだけ必要です。

 ```js 
 assert([...document.querySelectorAll('ol')].length == 1);
@@ -22,7 +22,7 @@ assert(
 );
 ```

-Your first radio button, with the `id` set to `indoor`, should have the `checked` attribute.
+`id` が `indoor` に設定された 1 つ目のラジオボタンに、`checked` 属性が必要です。

 ```js
 assert($('input[type="radio"]')[0].hasAttribute('checked'));
@@ -106,11 +106,9 @@ assert(pText.match(/^no copyright - freecodecamp.org$/));
      </section>
    </main>
    <footer>
-      <p>
 --fcc-editable-region--
-        No Copyright - freeCodeCamp.org
+      <p>No Copyright - freeCodeCamp.org</p>
 --fcc-editable-region--
-      </p>
    </footer>
  </body>
 </html>
@@ -41,7 +41,7 @@ assert(
 );
 ```

-The `p` element content visible in the browser should be `See more cat photos in our gallery.` Double check the text, spacing, or punctuation of both the `p` and nested anchor element.
+ブラウザーに表示される `p` 要素の中身は `See more cat photos in our gallery.` だけのはずです。`p` 要素およびネストされたアンカー要素の、テキスト、スペース、句読点を再確認してください。

 ```js
 const pText = document
@@ -9,7 +9,7 @@ dashedName: step-31

 では最後の `fieldset` に移ります。 ユーザーがプロフィール画像をアップロードできるようにしたい場合はどうしたらいいでしょうか？

-これは `input` 要素のタイプ `file` で実現できます。 Add a `label` with the text `Upload a profile picture:`, and nest an `input` accepting a file upload.
+これは `input` 要素のタイプ `file` で実現できます。 `label` を追加して、その中に `Upload a profile picture:` というテキストと、ファイルのアップロードを受け付ける `input` をネストしてください。

 # --hints--

@@ -1,53 +1,53 @@
 ---
 id: 637f4e1c72c65bc8e73dfe20
 videoId: V8UAEoOvqFg
-title: HTML Boilerplate Question A
+title: Questão A sobre o boilerplate do HTML
 challengeType: 15
 dashedName: html-boilerplate-question-a
 ---

 # --description--

-To demonstrate an HTML boilerplate, you first need an HTML file to work with.
+Para demonstrar um boilerplate de HTML, você primeiro precisa de um arquivo HTML como o qual vamos trabalhar.

-Create a new folder on your computer and name it `html-boilerplate`. Within that folder create a new file and name it `index.html`.
+Crie uma pasta em seu computador e dê a ela o nome de `html-boilerplate`. Dentro dessa pasta, crie um arquivo e dê a ele o nome de `index.html`.

-You’re probably already familiar with a lot of different types of files, for example doc, pdf, and image files.
+Você, provavelmente, já está familiarizado com muitos tipos diferentes de arquivos, como, por exemplo, arquivos .doc, .pdf e arquivos de imagem.

-To let the computer know you want to create an HTML file, you need to append the filename with the `.html` extension as you have done when creating the `index.html` file.
+Para que o computador saiba que você deseja criar um arquivo HTML, é preciso anexar ao nome do arquivo a extensão `.html`, como você fez ao criar o arquivo `index.html`.

-It is worth noting that you named your HTML file index. You should always name the HTML file that will contain the homepage of your websites `index.html`. This is because web servers will by default look for an index.html page when users land on your websites - and not having one will cause big problems.
+Vale a pena observar que você nomeou o seu arquivo HTML como index. Você sempre deve dar ao arquivo HTML que conterá a página inicial do seu site o nome de `index.html`. Isso ocorre porque os servidores da web procurarão, por padrão, por uma página index.html quando os usuários chegarem ao seu site – não ter uma página com esse nome poderá causar grandes problemas.

-## The DOCTYPE
+## O DOCTYPE

-Every HTML page starts with a doctype declaration. The doctype’s purpose is to tell the browser what version of HTML it should use to render the document. The latest version of HTML is HTML5, and the doctype for that version is simply `<!DOCTYPE html>`.
+Toda página HTML começa com uma declaração de doctype. O propósito do doctype é informar ao navegador qual versão de HTML ele deve usar para renderizar o documento. A versão mais recente do HTML é o HTML5. O tipo doctype para essa versão é simplesmente `<!DOCTYPE html>`.

-The doctypes for older versions of HTML were a bit more complicated. For example, this is the doctype declaration for HTML4:
+Os doctypes para versões mais antigas do HTML eram um pouco mais complicados. Por exemplo, esta era a declaração de doctype para o HTML4:

 ```html
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
 ```

-However, you probably won’t ever want to be using an older version of HTML, and so you’ll always use `<!DOCTYPE html>`.
+No entanto, você provavelmente não vai mais querer usar uma versão mais antiga do HTML. Então, use sempre `<!DOCTYPE html>`.

-Open the `index.html` file created earlier in your text editor and add `<!DOCTYPE html>` to the very first line.
+Abra o arquivo `index.html` criado anteriormente no seu editor de texto e adicione `<!DOCTYPE html>` à primeira linha.

 # --question--
 ## --text--

-What is the purpose of the `DOCTYPE` declaration?
+Qual é a finalidade da declaração de `DOCTYPE`?

 ## --answers--

-It tells the browser which version of HTML to use to render the document.
+Informar ao navegador qual versão de HTML usar para renderizar o documento.

 ---

-It tells the browser that this document uses JavaScript.
+Informar ao navegador que este documento usa JavaScript.

 ---

-It tells the browser the title of the document.
+Informar ao navegador o título do documento.


 ## --video-solution--
@@ -1,18 +1,18 @@
 ---
 id: 637f4e2872c65bc8e73dfe21
 videoId: V8UAEoOvqFg
-title: HTML Boilerplate Question B
+title: Questão B sobre o boilerplate do HTML
 challengeType: 15
 dashedName: html-boilerplate-question-b
 ---

 # --description--

-After you declare the doctype, you need to provide an `<html>` element. This is what’s known as the root element of the document, meaning that every other element in the document will be a descendant of it.
+Depois de declarar o doctype, você precisará fornecer um elemento `<html>`. Esse é o elemento principal do documento, o que significa que todos os outros elementos do documento serão descendentes dele.

-This becomes more important later on when you learn about manipulating HTML with JavaScript. For now, just know that the `html` element should be included on every HTML document.
+Isso se torna mais importante posteriormente, quando você aprender sobre manipulação do HTML com JavaScript. Por enquanto, apenas saiba que o elemento `html` deve ser incluído em todos os documentos HTML.

-Back in the `index.html` file, let’s add the `<html>` element by typing out its opening and closing tags, like so:
+De volta ao arquivo `index.html`, vamos adicionar o elemento `<html>` digitando suas tags de abertura e de fechamento, assim:

 ```html
 <!DOCTYPE html>
@@ -20,26 +20,26 @@ Back in the `index.html` file, let’s add the `<html>` element by typing out it
 </html>
 ```

-## What is the lang attribute?
-`lang` specifies the language of the text content in that element. This attribute is primarily used for improving accessibility of the webpage. It allows assistive technologies, for example screen readers, to adapt according to the language and invoke correct pronunciation.
+## O que é o atributo lang?
+`lang` especifica o idioma do conteúdo do texto naquele elemento. Esse atributo é usado principalmente para melhorar a acessibilidade da página da web. Ele permite que as tecnologias assistivas, como, por exemplo, os leitores de telas, se adaptem de acordo com o idioma e invoquem a pronúncia correcta.

 # --question--

 ## --text--

-What is the `html` element?
+O que é o elemento `html`?

 ## --answers--

-It is the root element in the document and tells the browser which version of HTML it should use.
+Ele é o elemento raiz do documento e diz ao navegador qual versão do HTML ele deve usar.

 ---

-It is the root element in the document and all other elements should descend from it.
+Ele é o elemento raiz do documento e todos os outros elementos devem ser seus descendentes.

 ---

-It is the root element in the document and all other elements should come after it.
+Ele é o elemento raiz do documento e todos os outros elementos devem vir depois dele.


 ## --video-solution--
@@ -7,7 +7,7 @@ dashedName: step-57

 # --description--

-Para alinhar as caixas `input` entre si, defina a propriedade `display` como `inline-block` para todos os elementos `input` e `label` dentro dos elementos `.info`.
+To align the input boxes with each other, create a new ruleset that targets all `input` and `label` elements within an `.info` element and set the `display` property to `inline-block`.

 Além disso, alinhe o texto do elemento `label` à direita.

@@ -7,13 +7,13 @@ dashedName: step-15

 # --description--

-In previous steps you used an anchor element to turn text into a link. Other types of content can also be turned into a link by wrapping it in anchor tags.
+Nos passos anteriores, você usou um elemento de âncora para transformar texto em um link. Outros tipos de conteúdo também podem ser transformados em link, colocando-os dentro de tags de elementos de âncora.

-Turn the image into a link by surrounding it with necessary element tags. Use `https://freecatphotoapp.com` as the anchor's `href` attribute value.
+Transforme a imagem em um link, envolvendo-a com as tags dos elementos necessários. Use `https://freecatphotoapp.com` como valor do atributo `href` do elemento de âncora.

 # --hints--

-You should have an `img` element with an `src` value of `https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg`. You may have accidentally deleted it.
+O valor do atributo `src` do elemento `img` deve estar definido como `https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg`. Você pode tê-lo excluído acidentalmente.

 ```js
 assert(
@@ -23,37 +23,37 @@ assert(
 );
 ```

-Your anchor (`a`) element should have an opening tag. Opening tags have this syntax: `<elementName>`.
+O elemento de âncora (`a`) deve ter uma tag de abertura. As tags de abertura têm essa sintaxe: `<elementName>`.

 ```js
 assert(document.querySelectorAll('a').length >= 2);
 ```

-You should only add one opening anchor (`a`) tag. Please remove any extras.
+Você deve adicionar apenas uma tag de abertura para o elemento de âncora (`a`). Remova as tags adicionais.

 ```js
 assert(document.querySelectorAll('a').length === 2);
 ```

-Your anchor (`a`) element should have a closing tag. Closing tags have a `/` just after the `<` character.
+O elemento de âncora (`a`) deve ter uma tag de fechamento. As tags de fechamento têm um caractere `/` logo após o caractere `<`.

 ```js
 assert(code.match(/<\/a>/g).length >= 2);
 ```

-You should only add one closing anchor (`a`) tag. Please remove any extras.
+Você deve adicionar apenas uma tag de fechamento para o elemento de âncora (`a`). Remova as tags adicionais.

 ```js
 assert(code.match(/<\/a>/g).length === 2);
 ```

-Your anchor (`a`) element does not have an `href` attribute. Check that there is a space after the opening tag's name and/or there are spaces before all attribute names.
+O elemento de âncora (`a`) não tem um atributo `href`. Verifique se há um espaço depois do nome da tag de abertura e/ou se há espaços antes de todos os nomes dos atributos.

 ```js
 assert(document.querySelector('a').hasAttribute('href'));
 ```

-Your anchor (`a`) element should link to `https://freecatphotoapp.com`. You have either omitted the URL or have a typo.
+O elemento de âncora (`a`) deve fazer um link para `https://freecatphotoapp.com`. Você omitiu o URL ou tem um erro de digitação.

 ```js
 assert(
@@ -62,7 +62,7 @@ assert(
 );
 ```

-Your `img` element should be nested within the anchor (`a`) element. The entire `img` element should be inside the opening and closing tags of the anchor (`a`) element.
+O elemento `img` deve estar dentro do elemento de âncora (`a`). Todo o elemento `img` deve estar dentro das tags de abertura e fechamento do elemento de âncora (`a`).

 ```js
 assert(document.querySelector('img').parentNode.nodeName === 'A');
@@ -55,7 +55,7 @@ assert.deepStrictEqual(
 );
 ```

-You should only have one `ol` element.
+Você deve ter apenas um elemento `ol`.

 ```js 
 assert([...document.querySelectorAll('ol')].length == 1);
@@ -22,7 +22,7 @@ assert(
 );
 ```

-Your first radio button, with the `id` set to `indoor`, should have the `checked` attribute.
+O primeiro botão de opção, com a `id` definida como `indoor`, deve ter o atributo `checked`.

 ```js
 assert($('input[type="radio"]')[0].hasAttribute('checked'));
@@ -106,11 +106,9 @@ assert(pText.match(/^no copyright - freecodecamp.org$/));
      </section>
    </main>
    <footer>
-      <p>
 --fcc-editable-region--
-        No Copyright - freeCodeCamp.org
+      <p>No Copyright - freeCodeCamp.org</p>
 --fcc-editable-region--
-      </p>
    </footer>
  </body>
 </html>
@@ -7,7 +7,7 @@ dashedName: step-53

 # --description--

-Após o último `.divider`, crie um elemento `p` com o texto `Cholesterol 0mg 0%`. Encapsule o texto `Cholesterol` em um elemento `span`, e dê a ele o elemento `span` com o atributo `class` definido como `bold`. Encapsule o texto `0%` em outro elemento `span`, com a `class` definida como `bold`. Finally, nest the `Cholesterol` and `0mg` `span` elements inside an additional `span` element for alignment.
+Após o último `.divider`, crie um elemento `p` com o texto `Cholesterol 0mg 0%`. Encapsule o texto `Cholesterol` em um elemento `span`, e dê a ele o elemento `span` com o atributo `class` definido como `bold`. Encapsule o texto `0%` em outro elemento `span`, com a `class` definida como `bold`. Por fim, coloque os elementos de `span` `Cholesterol` e `0mg` dentro de um elemento de `span` adicional para realizar o alinhamento.

 # --hints--

@@ -7,7 +7,7 @@ dashedName: step-57

 # --description--

-Щоб вирівняти блоки `input` один з одним, встановіть властивість `display` на `inline-block` для всіх елементів `input` та `label` в межах елементів `.info`.
+To align the input boxes with each other, create a new ruleset that targets all `input` and `label` elements within an `.info` element and set the `display` property to `inline-block`.

 Також вирівняйте текст елемента `label` за правим краєм.

@@ -106,11 +106,9 @@ assert(pText.match(/^no copyright - freecodecamp.org$/));
      </section>
    </main>
    <footer>
-      <p>
 --fcc-editable-region--
-        No Copyright - freeCodeCamp.org
+      <p>No Copyright - freeCodeCamp.org</p>
 --fcc-editable-region--
-      </p>
    </footer>
  </body>
 </html>