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

2026-05-20 12:03:11 -04:00 · 2023-01-12 02:28:37 +05:30
parent 46d4591803
commit 4ca379f53b
56 changed files with 186 additions and 186 deletions
--- a/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/subtract-one-number-from-another-with-javascript.md
+++ b/curriculum/challenges/arabic/02-javascript-algorithms-and-data-structures/basic-javascript/subtract-one-number-from-another-with-javascript.md
@@ -26,13 +26,13 @@ const myVar = 12 - 6;

 # --hints--

-يجب أن يساوي `difference` قيمة 12.
+The variable `difference` should be equal to `12`.

 ```js
 assert(difference === 12);
 ```

-يجب أن تطرح رَقَم واحد فقط من 45.
+You should only subtract one number from `45`.

 ```js
 assert(/difference=45-33;?/.test(__helpers.removeWhiteSpace(code)));
--- a/curriculum/challenges/chinese-traditional/02-javascript-algorithms-and-data-structures/basic-javascript/subtract-one-number-from-another-with-javascript.md
+++ b/curriculum/challenges/chinese-traditional/02-javascript-algorithms-and-data-structures/basic-javascript/subtract-one-number-from-another-with-javascript.md
@@ -26,13 +26,13 @@ const myVar = 12 - 6;

 # --hints--

-變量 `difference` 的值應該爲 12。
+The variable `difference` should be equal to `12`.

 ```js
 assert(difference === 12);
 ```

-您只能從 45 中減去一個數字。
+You should only subtract one number from `45`.

 ```js
 assert(/difference=45-33;?/.test(__helpers.removeWhiteSpace(code)));
--- a/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/subtract-one-number-from-another-with-javascript.md
+++ b/curriculum/challenges/chinese/02-javascript-algorithms-and-data-structures/basic-javascript/subtract-one-number-from-another-with-javascript.md
@@ -26,13 +26,13 @@ const myVar = 12 - 6;

 # --hints--

-变量 `difference` 的值应该为 12。
+The variable `difference` should be equal to `12`.

 ```js
 assert(difference === 12);
 ```

-您只能从 45 中减去一个数字。
+You should only subtract one number from `45`.

 ```js
 assert(/difference=45-33;?/.test(__helpers.removeWhiteSpace(code)));
--- a/curriculum/challenges/espanol/02-javascript-algorithms-and-data-structures/basic-javascript/subtract-one-number-from-another-with-javascript.md
+++ b/curriculum/challenges/espanol/02-javascript-algorithms-and-data-structures/basic-javascript/subtract-one-number-from-another-with-javascript.md
@@ -26,13 +26,13 @@ Cambia el `0` para que la diferencia sea `12`.

 # --hints--

-La variable `difference` debe ser igual a 12.
+The variable `difference` should be equal to `12`.

 ```js
 assert(difference === 12);
 ```

-Sólo debes restar un número de 45.
+You should only subtract one number from `45`.

 ```js
 assert(/difference=45-33;?/.test(__helpers.removeWhiteSpace(code)));
--- a/curriculum/challenges/german/02-javascript-algorithms-and-data-structures/basic-javascript/subtract-one-number-from-another-with-javascript.md
+++ b/curriculum/challenges/german/02-javascript-algorithms-and-data-structures/basic-javascript/subtract-one-number-from-another-with-javascript.md
@@ -26,13 +26,13 @@ const myVar = 12 - 6;

 # --hints--

-Die Variable `difference` sollte den Wert 12 haben.
+The variable `difference` should be equal to `12`.

 ```js
 assert(difference === 12);
 ```

-Du solltest nur eine Zahl von 45 abziehen.
+You should only subtract one number from `45`.

 ```js
 assert(/difference=45-33;?/.test(__helpers.removeWhiteSpace(code)));
--- a/curriculum/challenges/italian/02-javascript-algorithms-and-data-structures/basic-javascript/subtract-one-number-from-another-with-javascript.md
+++ b/curriculum/challenges/italian/02-javascript-algorithms-and-data-structures/basic-javascript/subtract-one-number-from-another-with-javascript.md
@@ -26,13 +26,13 @@ Modifica lo `0` in modo che la differenza sia `12`.

 # --hints--

-La variabile `difference` dovrebbe essere uguale a 12.
+The variable `difference` should be equal to `12`.

 ```js
 assert(difference === 12);
 ```

-Devi solo sottrarre un numero da 45.
+You should only subtract one number from `45`.

 ```js
 assert(/difference=45-33;?/.test(__helpers.removeWhiteSpace(code)));
--- a/curriculum/challenges/italian/05-back-end-development-and-apis/back-end-development-and-apis-projects/timestamp-microservice.md
+++ b/curriculum/challenges/italian/05-back-end-development-and-apis/back-end-development-and-apis-projects/timestamp-microservice.md
@@ -106,7 +106,7 @@ Il tuo progetto può gestire date che possono essere lette con successo da `new
  );
 ```

-If the input date string is invalid, the API returns an object having the structure `{ error : "Invalid Date" }`
+Se la stringa della data di input non è valida, l'API restituisce un oggetto con la struttura `{ error : "Invalid Date" }`

 ```js
 (getUserInput) =>
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6cc778f7698258467596.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6cc778f7698258467596.md
@@ -7,7 +7,7 @@ dashedName: step-44

 # --description--

-Sotto L'elemento con il testo `Total Fat`, crea un nuovo elemento `p` con il testo `Saturated Fat 1g 5%`. Wrap the `5%` in a `span` with the `class` attribute set to `bold`. In this case this is enough to align the percentage to `5%`.
+Below your element with the `Total Fat` text, create a new `p` element with the text `Saturated Fat 1g 5%`. Wrap the `5%` in a `span` with the `class` attribute set to `bold`. In this case this is enough to align the percentage to `5%`.

 # --hints--

--- a/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/subtract-one-number-from-another-with-javascript.md
+++ b/curriculum/challenges/japanese/02-javascript-algorithms-and-data-structures/basic-javascript/subtract-one-number-from-another-with-javascript.md
@@ -26,13 +26,13 @@ const myVar = 12 - 6;

 # --hints--

-変数 `difference` は 12 に等しくなる必要があります。
+The variable `difference` should be equal to `12`.

 ```js
 assert(difference === 12);
 ```

-45 から 1 つの数値だけを引いてください。
+You should only subtract one number from `45`.

 ```js
 assert(/difference=45-33;?/.test(__helpers.removeWhiteSpace(code)));
--- a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/subtract-one-number-from-another-with-javascript.md
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-javascript/subtract-one-number-from-another-with-javascript.md
@@ -26,13 +26,13 @@ Altere o `0` para que a variável difference seja igual a `12`.

 # --hints--

-A variável `difference` deve ser igual a 12.
+The variable `difference` should be equal to `12`.

 ```js
 assert(difference === 12);
 ```

-Você só deve subtrair um número de 45.
+You should only subtract one number from `45`.

 ```js
 assert(/difference=45-33;?/.test(__helpers.removeWhiteSpace(code)));
--- a/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/subtract-one-number-from-another-with-javascript.md
+++ b/curriculum/challenges/ukrainian/02-javascript-algorithms-and-data-structures/basic-javascript/subtract-one-number-from-another-with-javascript.md
@@ -26,13 +26,13 @@ const myVar = 12 - 6;

 # --hints--

-Змінна `difference` має дорівнювати 12.
+The variable `difference` should be equal to `12`.

 ```js
 assert(difference === 12);
 ```

-Потрібно відняти лише одне число від 45.
+You should only subtract one number from `45`.

 ```js
 assert(/difference=45-33;?/.test(__helpers.removeWhiteSpace(code)));
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/620179bc0a6a2358c72b90ad.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/620179bc0a6a2358c72b90ad.md
@@ -7,7 +7,7 @@ dashedName: step-44

 # --description--

-Ви загорнули свої таблиці в контейнер з допомогою класу `table-wrap`. Створіть селектор для цього класу та надайте йому `padding` зі значенням `0 0.75rem 1.5rem 0.75rem`.
+Ви загорнули свої таблиці в контейнер з класом `table-wrap`. Створіть селектор для цього класу та надайте йому `padding` зі значенням `0 0.75rem 1.5rem 0.75rem`.

 # --hints--

--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f42a021625f656101ef93.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f42a021625f656101ef93.md
@@ -9,7 +9,7 @@ dashedName: step-22

 Горизонтальний інтервал між однаково важливими елементами може підвищити читабельність вашого тексту.

-Wrap the text `2/3 cup (55g)` in a `span` element.
+Обгорніть текст `2/3 cup (55g)` в елемент `span`.

 # --hints--

@@ -19,13 +19,13 @@ Wrap the text `2/3 cup (55g)` in a `span` element.
 assert(document.querySelector('span'));
 ```

-Your `span` element should have the text `2/3 cup (55g)`.
+Ваш елемент `span` повинен мати текст `2/3 cup (55g)`.

 ```js
 assert(document.querySelector('span')?.textContent?.trim() === '2/3 cup (55g)');
 ```

-Your `p` element should still have the text `Serving size 2/3 cup (55g)`.
+Ваш елемент `p` досі повинен мати текст `Serving size 2/3 cup (55g)`.

 ```js
 assert(document.querySelectorAll('p')?.[1]?.innerText === 'Serving size 2/3 cup (55g)');
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f4bfb9de4a16703b56eb6.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f4bfb9de4a16703b56eb6.md
@@ -7,17 +7,17 @@ dashedName: step-23

 # --description--

-Now we can add the horizontal spacing using `flex`. In your `p` selector, add a `display` property set to `flex` and a `justify-content` property set to `space-between`.
+Тепер ми можемо додати горизонтальний інтервал, використовуючи `flex`. У селектор `p` додайте властивість `display` зі значенням `flex` та властивість `justify-content` зі значенням `space-between`.

 # --hints--

-Your `p` selector should have a `display` property set to `flex`.
+Ваш селектор `p` повинен мати властивість `display` зі значенням `flex`.

 ```js
 assert(new __helpers.CSSHelp(document).getStyle('p')?.display === 'flex');
 ```

-Your `p` selector should have a `justify-content` property set to `space-between`.
+Ваш селектор `p` повинен мати властивість `justify-content` зі значенням `space-between`.

 ```js
 assert(new __helpers.CSSHelp(document).getStyle('p')?.justifyContent === 'space-between');
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f4ec58334106a4170c2a8.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f4ec58334106a4170c2a8.md
@@ -7,7 +7,7 @@ dashedName: step-26

 # --description--

-Create a new `div` element below your `header` element, and give it a `class` attribute set to `divider large`.
+Створіть новий елемент `div` знизу свого елемента `header` та надайте йому атрибут `class` зі значенням `divider large`.

 # --hints--

@@ -23,7 +23,7 @@ assert(document.querySelectorAll('div')?.length === 3);
 assert(document.querySelector('.label')?.lastElementChild?.localName === 'div');
 ```

-Your new `div` element should have the `class` attribute set to `divider large`.
+Ваш новий елемент `div` повинен мати атрибут `class` зі значенням `divider large`.

 ```js
 const div = document.querySelector('.label')?.lastElementChild;
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f4f9e4a40566b776a8f38.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f4f9e4a40566b776a8f38.md
@@ -7,29 +7,29 @@ dashedName: step-27

 # --description--

-Create a new `.large` selector and give it a `height` property set to `10px`. Also create an `.large, .medium` selector and set the `background-color` property to `black`.
+Створіть новий селектор `.large` та надайте йому властивість `height` зі значенням `10px`. Також створіть селектор `.large, .medium` та встановіть властивість `background-color` на `black`.

 # --hints--

-You should have a new `.large` selector.
+Ви повинні мати новий селектор `.large`.

 ```js
 assert(new __helpers.CSSHelp(document).getStyle('.large'));
 ```

-Your `.large` selector should have a `height` property set to `10px`.
+Ваш селектор `.large` повинен мати властивість `height` зі значенням `10px`.

 ```js
 assert(new __helpers.CSSHelp(document).getStyle('.large')?.height === '10px');
 ```

-You should have a new `.large, .medium` selector.
+Ви повинні мати новий селектор `.large, .medium`.

 ```js
 assert(new __helpers.CSSHelp(document).getStyle('.large, .medium'));
 ```

-Your `.large, .medium` selector should have a `background-color` property set to `black`.
+Ваш селектор `.large, .medium` повинен мати властивість `background-color` зі значенням `black`.

 ```js
 assert(new __helpers.CSSHelp(document).getStyle('.large, .medium')?.backgroundColor === 'black');
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f50473cc0196c6dd3892a.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f50473cc0196c6dd3892a.md
@@ -7,13 +7,13 @@ dashedName: step-28

 # --description--

-You may notice there is still a small border at the bottom of your `.large` element. To reset this, give your `.large, .medium` selector a `border` property set to `0`.
+Ви можете помітити, що внизу елемента `.large` досі є невеликий кордон. Щоб скинути його, надайте своєму селектору `.large, .medium` властивість `border` зі значенням `0`.

-Note: the `medium`(medium) class will be utilized in step 37 for the thinner bars of the nutrition label.
+Примітка: `medium` (середній) клас буде утилізовано в кроці 37 для тонших смужок на етикетці.

 # --hints--

-Your `.large, .medium` selector should have a `border` property set to `0`.
+Ваш селектор `.large, .medium` повинен мати властивість `border` зі значенням `0`.

 ```js
 assert(new __helpers.CSSHelp(document).getStyle('.large, .medium')?.borderWidth === '0px');
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f51257a8a516d80b6c743.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f51257a8a516d80b6c743.md
@@ -7,7 +7,7 @@ dashedName: step-29

 # --description--

-Create a new `div` below your `.large` element and give it a `class` attribute set to `calories-info`.
+Створіть новий `div` знизу свого елемента `.large` та надайте йому атрибут `class` зі значенням `calories-info`.

 # --hints--

@@ -23,7 +23,7 @@ assert(document.querySelectorAll('div')?.length === 4);
 assert(document.querySelector('.label')?.lastElementChild?.classList?.contains('calories-info'));
 ```

-Your new `div` should come after the `.large` element.
+Ваш новий `div` повинен йти після елемента `.large`.

 ```js
 assert(document.querySelector('.label')?.lastElementChild?.previousElementSibling?.classList?.contains('large'));
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f51e4e5b24a6e80eccce1.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f51e4e5b24a6e80eccce1.md
@@ -7,36 +7,36 @@ dashedName: step-30

 # --description--

-Within your `.calories-info` element, create a `div` element. Give that `div` element a `class` attribute set to `left-container`. Within the newly created `div` element, create a `h2` element with the text `Amount per serving`. Give the `h2` element a `class` attribute set to `bold small-text`.
+Створіть елемент `div` всередині свого елемента `.calories-info`. Надайте цьому елементу `div` атрибут `class` зі значенням `left-container`. В межах недавно створеного елемента `div` створіть елемент `h2` з текстом `Amount per serving`. Надайте елементу `h2` атрибут `class` зі значенням `bold small-text`.

 # --hints--

-You should create a new `div` element within your `.calories-info` element.
+Ви повинні створити новий елемент `div` в елементі `.calories-info`.

 ```js
 assert(document.querySelector('.calories-info')?.children?.[0]?.localName === 'div');
 ```

-Your new `div` element should have a `class` attribute set to `left-container`.
+Ваш новий елемент `div` повинен мати атрибут `class` зі значенням `left-container`.

 ```js
 assert(document.querySelector('.calories-info')?.children?.[0]?.classList.contains('left-container'));
 ```

-You should create a new `h2` element within your `.left-container` element.
+Ви повинні створити новий елемент `h2` в елементі `.left-container`.

 ```js
 assert(document.querySelector('.left-container')?.children?.[0]?.localName === 'h2');
 ```

-Your new `h2` element should have a `class` attribute set to `bold small-text`.
+Ваш новий елемент `h2` повинен мати атрибут `class` зі значенням `bold small-text`.

 ```js
 assert(document.querySelector('.left-container')?.children?.[0]?.classList.contains('bold'));
 assert(document.querySelector('.left-container')?.children?.[0]?.classList.contains('small-text'));
 ```

-Your new `h2` element should have the text `Amount per serving`.
+Ваш новий елемент `h2` повинен мати текст `Amount per serving`.

 ```js
 assert(document.querySelector('.left-container')?.children?.[0]?.innerText === 'Amount per serving');
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f522dea4f776f64dc3e91.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f522dea4f776f64dc3e91.md
@@ -9,17 +9,17 @@ dashedName: step-31

 Одиниця `rem` розшифровується як `root em` та залежить від розміру шрифту елемента `html`.

-Create an `.small-text` selector and set the `font-size` to `0.85rem`, which would calculate to be roughly `13.6px` (remember that you set your `html` to have a `font-size` of `16px`).
+Створіть селектор `.small-text` та встановіть `font-size` на `0.85rem`, що дорівнюватиме приблизно `13.6px` (пам’ятайте, що для свого `html` ви встановили `font-size` зі значенням `16px`).

 # --hints--

-You should have an `.small-text` selector.
+Ви повинні мати селектор `.small-text`.

 ```js
 assert(new __helpers.CSSHelp(document).getStyle('.small-text'));
 ```

-Your `.small-text` selector should have a `font-size` property set to `0.85rem`.
+Ваш селектор `.small-text` повинен мати властивість `font-size` зі значенням `0.85rem`.

 ```js
 assert(new __helpers.CSSHelp(document).getStyle('.small-text')?.fontSize === '0.85rem');
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f5486b8fd4b71633f69b0.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f5486b8fd4b71633f69b0.md
@@ -1,41 +1,41 @@
 ---
 id: 615f5486b8fd4b71633f69b0
-title: Step 33
+title: Крок 33
 challengeType: 0
 dashedName: step-33
 ---

 # --description--

-Below your `.small-text` element, create a new `p` element with the text `Calories`. Also below the `.left-container` element, create a new `span` element with the text `230`.
+Знизу свого елемента `.small-text` створіть новий елемент `p` з текстом `Calories`. Також знизу елемента `.left-container` створіть новий елемент `span` з текстом `230`.

 # --hints--

-You should have a new `p` element within your `.calories-info` element.
+Ви повинні мати новий елемент `p` в межах елемента `.calories-info`.

 ```js
 assert(document.querySelector('.calories-info')?.querySelector('p'))
 ```

-You should have a new `span` element within your `.calories-info` element.
+Ви повинні мати новий елемент `span` в межах елемента `.calories-info`.

 ```js
 assert(document.querySelector('.calories-info')?.querySelector('span'))
 ```

-Your `p` element should come after your `.small-text` element.
+Ваш новий елемент `p` повинен йти після елемента `.small-text`.

 ```js
 assert(document.querySelector('.small-text')?.nextElementSibling?.localName === 'p');
 ```

-Your `p` element should have the text `Calories`.
+Ваш елемент `p` повинен мати текст `Calories`.

 ```js
 assert(document.querySelector('.left-container')?.lastElementChild?.innerText === 'Calories');
 ```

-Your `span` element should come after your `.left-container` element.
+Ваш елемент `span` повинен йти після елемента `.left-container`.

 ```js
 assert(document.querySelector('.left-container')?.nextElementSibling?.localName ==='span');
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f575b50b91e72af079480.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f575b50b91e72af079480.md
@@ -1,23 +1,23 @@
 ---
 id: 615f575b50b91e72af079480
-title: Step 35
+title: Крок 35
 challengeType: 0
 dashedName: step-35
 ---

 # --description--

-Create a new `.left-container p` selector setting the top and bottom margin to `-5px`, and the left and right margin to `-2px`. Also set the `font-size` to `2em` and `font-weight` to `700`.
+Створіть новий селектор `.left-container p`, встановивши для верхнього та нижнього полів значення `-5px`, а для лівого та правого – `-2px`. Також встановіть `font-size` на `2em` та `font-weight` на `700`.

 # --hints--

-You should have a new `.left-container p` selector.
+Ви повинні мати новий селектор `.left-container p`.

 ```js
 assert(new __helpers.CSSHelp(document).getStyle('.left-container p'));
 ```

-Your new `.left-container p` selector should have a `margin` property set to `-5px -2px`.
+Ваш новий селектор `.left-container p` повинен мати властивість `margin` зі значенням `-5px -2px`.

 ```js
 assert.equal(new __helpers.CSSHelp(document).getStyle('.left-container p')?.marginTop, '-5px');
@@ -26,13 +26,13 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.left-container p')?.marg
 assert.equal(new __helpers.CSSHelp(document).getStyle('.left-container p')?.marginRight, '-2px');
 ```

-Your new `.left-container p` selector should have a `font-size` property set to `2em`.
+Ваш новий селектор `.left-container p` повинен мати властивість `font-size` зі значенням `2em`.

 ```js
 assert(new __helpers.CSSHelp(document).getStyle('.left-container p')?.fontSize === '2em');
 ```

-Your new `.left-container p` selector should have a `font-weight` property set to `700`.
+Ваш новий селектор `.left-container p` повинен мати властивість `font-weight` зі значенням `700`.

 ```js
 assert(new __helpers.CSSHelp(document).getStyle('.left-container p')?.fontWeight === '700');
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f5af373a68e744a3c5a76.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f5af373a68e744a3c5a76.md
@@ -1,13 +1,13 @@
 ---
 id: 615f5af373a68e744a3c5a76
-title: Step 36
+title: Крок 36
 challengeType: 0
 dashedName: step-36
 ---

 # --description--

-Create a `.calories-info span` selector, set its `font-size` to `2.4em` and `font-weight` to `700`.
+Створіть селектор `.calories-info span`, встановіть його `font-size` на `2.4em` та `font-weight` на `700`.

 # --hints--

@@ -17,13 +17,13 @@ Create a `.calories-info span` selector, set its `font-size` to `2.4em` and `fon
 assert(new __helpers.CSSHelp(document).getStyle('.calories-info span'));
 ```

-Your `.calories-info span` selector should have a `font-size` property set to `2.4em`.
+Ваш селектор `.calories-info span` повинен мати властивість `font-size` зі значенням `2.4em`.

 ```js
 assert(new __helpers.CSSHelp(document).getStyle('.calories-info span')?.fontSize === '2.4em');
 ```

-Your `.calories-info span` selector should have a `font-weight` property set to `700`.
+Ваш селектор `.calories-info span` повинен мати властивість `font-weight` зі значенням `700`.

 ```js
 assert(new __helpers.CSSHelp(document).getStyle('.calories-info span')?.fontWeight === '700');
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f5fd85d0062761f288364.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f5fd85d0062761f288364.md
@@ -1,6 +1,6 @@
 ---
 id: 615f5fd85d0062761f288364
-title: Step 37
+title: Крок 37
 challengeType: 0
 dashedName: step-37
 ---
@@ -9,11 +9,11 @@ dashedName: step-37

 Типографіка часто є мистецтвом, а не наукою. Можливо, вам доведеться довго підлагоджувати такі речі, як вирівнювання.

-Give your `.calories-info span` selector a `margin` set to `-7px -2px`. Це змістить ваш текст `230` на місце.
+Надайте селектору `.calories-info span` властивість `margin` зі значенням `-7px -2px`. Це змістить ваш текст `230` на місце.

 # --hints--

-Your `.calories-info span` selector should have a `margin` set to `-7px -2px`.
+Ваш селектор `.calories-info span` повинен мати `margin` зі значенням `-7px -2px`.

 ```js
 assert(new __helpers.CSSHelp(document).getStyle('.calories-info span')?.margin === '-7px -2px');
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f61338c8ca176d6445574.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f61338c8ca176d6445574.md
@@ -1,13 +1,13 @@
 ---
 id: 615f61338c8ca176d6445574
-title: Step 38
+title: Крок 38
 challengeType: 0
 dashedName: step-38
 ---

 # --description--

-Below your `.calories-info` element, add a `div` with the `class` attribute set to `divider medium`.
+Знизу елемента `.calories-info` додайте `div` з атрибутом `class` зі значенням `divider medium`.

 # --hints--

@@ -17,7 +17,7 @@ Below your `.calories-info` element, add a `div` with the `class` attribute set
 assert(document.querySelectorAll('.label > div')?.length === 3)
 ```

-Your new `div` should have the `class` attribute set to `divider medium`. Цей div повинен бути останнім елементом в елементі `.label`.
+Ваш новий `div` повинен мати атрибут `class` зі значенням `divider medium`. Цей div повинен бути останнім елементом в елементі `.label`.

 ```js
 const div = document.querySelector('.label')?.lastElementChild;
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f666ac5edea782feb7e75.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f666ac5edea782feb7e75.md
@@ -1,23 +1,23 @@
 ---
 id: 615f666ac5edea782feb7e75
-title: Step 39
+title: Крок 39
 challengeType: 0
 dashedName: step-39
 ---

 # --description--

-Create an `.medium` selector and give it a `height` property of `5px`.
+Створіть селектор `.medium` та надайте йому властивість `height` зі значенням `5px`.

 # --hints--

-You should create an `.medium` selector.
+Ви повинні створити селектор `.medium`.

 ```js
 assert(new __helpers.CSSHelp(document).getStyle('.medium'));
 ```

-Your `.medium` selector should have a `height` property set to `5px`.
+Ваш селектор `.medium` повинен мати властивість `height` зі значенням `5px`.

 ```js
 assert(new __helpers.CSSHelp(document).getStyle('.medium')?.height === '5px');
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f671b6d1919792745aa5d.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f671b6d1919792745aa5d.md
@@ -1,17 +1,17 @@
 ---
 id: 615f671b6d1919792745aa5d
-title: Step 40
+title: Крок 40
 challengeType: 0
 dashedName: step-40
 ---

 # --description--

-Create a new `div` element below your `.medium` element. Give it a `class` attribute set to `daily-value small-text`. Within this new `div`, add a `p` element with the text `% Daily Value *`, and set the `class` attribute to `bold right`.
+Створіть новий елемент `div` знизу свого елемента `.medium`. Надайте йому атрибут `class` зі значенням `daily-value small-text`. В межах нового `div` додайте елемент `p` із текстом `% Daily Value *` та встановіть атрибут `class` на `bold right`.

 # --hints--

-You should create a new `div` element after your `.medium` element.
+Ви повинні створити новий елемент `div` після свого елемента `.medium`.

 ```js
 assert(document.querySelector('.label')?.lastElementChild?.localName === 'div');
@@ -19,7 +19,7 @@ assert(document.querySelector('.label')?.lastElementChild?.previousElementSiblin
 assert(document.querySelector('.label')?.lastElementChild?.previousElementSibling?.classList?.contains('medium'));
 ```

-Your new `div` should have a `class` attribute set to `daily-value small-text`.
+Ваш новий `div` повинен мати атрибут `class` зі значенням `daily-value small-text`.

 ```js
 assert(document.querySelector('.label')?.lastElementChild?.classList?.contains('daily-value'));
@@ -38,7 +38,7 @@ assert(document.querySelector('.label')?.lastElementChild?.firstElementChild?.lo
 assert(document.querySelector('.label')?.lastElementChild?.firstElementChild?.textContent === '% Daily Value *');
 ```

-Your new `p` element should have a `class` attribute set to `bold right`.
+Ваш новий елемент `p` повинен мати атрибут `class` зі значенням `bold right`.

 ```js
 assert(document.querySelector('.label')?.lastElementChild?.firstElementChild?.classList?.contains('bold'));
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6823d0815b7a991f2a75.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6823d0815b7a991f2a75.md
@@ -1,17 +1,17 @@
 ---
 id: 615f6823d0815b7a991f2a75
-title: Step 42
+title: Крок 42
 challengeType: 0
 dashedName: step-42
 ---

 # --description--

-Use your existing `.divider` element as an example to add a new divider after the `p` element.
+Використайте наявний елемент `.divider` як приклад, щоб додати новий роздільник після елемента `p`.

 # --hints--

-You should create a new `div` within your `.daily-value` element.
+Ви повинні створити новий `div` всередині свого елемента `.daily-value`.

 ```js
 assert(document.querySelectorAll('.daily-value.small-text > div')?.length === 1)
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6b2d164f81809efd9bdc.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6b2d164f81809efd9bdc.md
@@ -1,13 +1,13 @@
 ---
 id: 615f6b2d164f81809efd9bdc
-title: Step 43
+title: Крок 43
 challengeType: 0
 dashedName: step-43
 ---

 # --description--

-Після останнього елемента `.divider` створіть елемент `p` та надайте йому текст `Total Fat 8g 10%`. Обгорніть `Total Fat` в елемент `span` з `class`, встановленим на `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.
+Після останнього елемента `.divider` створіть елемент `p` та надайте йому текст `Total Fat 8g 10%`. Обгорніть `Total Fat` в елемент `span` з `class`, встановленим на `bold`. Обгорніть `10%` в інший елемент `span` із `class` зі значенням `bold`. Також обгорніть слова `Total Fat 8g` в додатковий елемент `span` для вирівнювання.

 # --hints--

@@ -23,37 +23,37 @@ assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.loca
 assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.innerText?.match(/Total Fat[\s|\n]+8g[\s|\n]+10%/));
 ```

-Your `p` element should have three `span` elements.
+Ваш елемент `p` повинен мати три елементи `span`.

 ```js
 assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.querySelectorAll('span')?.length === 3);
 ```

-One `span` element should wrap the text `Total Fat`.
+Один елемент `span` повинен обгортати текст `Total Fat`.

 ```js
 assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.querySelector('span > span')?.innerText === 'Total Fat');
 ```

-The `span` element around `Total Fat` should have the `class` set to `bold`.
+Елемент `span` навколо `Total Fat` повинен мати `class` зі значенням `bold`.

 ```js
 assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.querySelector('span > span')?.className === 'bold');
 ```

-A `span` element should wrap the text `10%`.
+Елемент `span` повинен обгортати текст `10%`.

 ```js
 assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.querySelector('span + span')?.innerText === '10%');
 ```

-The `span` element around `10%` should have the `class` set to `bold`.
+Елемент `span` навколо `10%` повинен мати `class` зі значенням `bold`.

 ```js
 assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.querySelectorAll('span')?.[1]?.className === 'bold');
 ```

-A `span` element should have the text `Total Fat 8g`.
+Елемент `span` повинен мати текст `Total Fat 8g`.

 ```js
 assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.innerText?.match(/Total Fat[\s|\n]+8g/));
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6cc778f7698258467596.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6cc778f7698258467596.md
@@ -1,13 +1,13 @@
 ---
 id: 615f6cc778f7698258467596
-title: Step 44
+title: Крок 44
 challengeType: 0
 dashedName: step-44
 ---

 # --description--

-Під елементом з текстом `Total Fat` створіть новий елемент `p` з текстом `Saturated Fat 1g 5%`. Wrap the `5%` in a `span` with the `class` attribute set to `bold`. In this case this is enough to align the percentage to `5%`.
+Під елементом з текстом `Total Fat` створіть новий елемент `p` з текстом `Saturated Fat 1g 5%`. Обгорніть `5%` в `span` з атрибутом `class`, встановленим на `bold`. У такому випадку цього достатньо, щоб вирівняти відсотки до `5%`.

 # --hints--

@@ -30,7 +30,7 @@ assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.inne
 assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.lastElementChild?.localName === 'span');
 ```

-Your `span` element should have the `class` attribute set to `bold`.
+Ваш елемент `span` повинен мати атрибут `class` зі значенням `bold`.

 ```js
 assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.lastElementChild?.classList?.contains('bold'));
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6fddaac1e083502d3e6a.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f6fddaac1e083502d3e6a.md
@@ -1,6 +1,6 @@
 ---
 id: 615f6fddaac1e083502d3e6a
-title: Step 45
+title: Крок 45
 challengeType: 0
 dashedName: step-45
 ---
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f70077a4ff98424236c1e.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f70077a4ff98424236c1e.md
@@ -1,6 +1,6 @@
 ---
 id: 615f70077a4ff98424236c1e
-title: Step 46
+title: Крок 46
 challengeType: 0
 dashedName: step-46
 ---
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f72a872354a850d4f533e.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f72a872354a850d4f533e.md
@@ -1,6 +1,6 @@
 ---
 id: 615f72a872354a850d4f533e
-title: Step 47
+title: Крок 47
 challengeType: 0
 dashedName: step-47
 ---
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f74a71f1e498619e38ee8.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f74a71f1e498619e38ee8.md
@@ -1,6 +1,6 @@
 ---
 id: 615f74a71f1e498619e38ee8
-title: Step 48
+title: Крок 48
 challengeType: 0
 dashedName: step-48
 ---
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7ad94380408d971d14f6.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7ad94380408d971d14f6.md
@@ -1,6 +1,6 @@
 ---
 id: 615f7ad94380408d971d14f6
-title: Step 49
+title: Крок 49
 challengeType: 0
 dashedName: step-49
 ---
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7bc680f7168ea01ebf99.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7bc680f7168ea01ebf99.md
@@ -1,6 +1,6 @@
 ---
 id: 615f7bc680f7168ea01ebf99
-title: Step 50
+title: Крок 50
 challengeType: 0
 dashedName: step-50
 ---
@@ -13,7 +13,7 @@ dashedName: step-50

 # --hints--

-You should create a new `div` at the end of your `.daily-value` element.
+Ви повинні створити новий `div` в кінці свого елемента `.daily-value`.

 ```js
 assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.localName === 'div');
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7c71eab8218f846e4503.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7c71eab8218f846e4503.md
@@ -1,17 +1,17 @@
 ---
 id: 615f7c71eab8218f846e4503
-title: Step 51
+title: Крок 51
 challengeType: 0
 dashedName: step-51
 ---

 # --description--

-Після останнього `.divider` створіть інший елемент `p` з текстом `Trans Fat 0g`. Виділіть слово `Trans` курсивом, обгорнувши його елементом `i`. Надайте новому елементу `p` атрибут `class` зі значенням `indent no-divider`. Wrap `Trans Fat 0g` in a `span` element for alignment.
+Після останнього `.divider` створіть інший елемент `p` з текстом `Trans Fat 0g`. Виділіть слово `Trans` курсивом, обгорнувши його елементом `i`. Надайте новому елементу `p` атрибут `class` зі значенням `indent no-divider`. Обгорніть `Trans Fat 0g` в елемент `span` для вирівнювання.

 # --hints--

-You should create a new `p` element at the end of your `.daily-value` element.
+Ви повинні створити новий елемент `p` в кінці свого елемента `.daily-value`.

 ```js
 assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.localName === 'p');
@@ -43,13 +43,13 @@ assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.quer
 assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.querySelector('i')?.innerText === 'Trans');
 ```

-Your new `p` element should have a `span` element.
+Ваш новий елемент `p` повинен мати елемент `span`.

 ```js
 assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.querySelector('span'));
 ```

-Your `span` element should wrap the text `Trans Fat 0g`.
+Ваш елемент `span` повинен обгортати текст `Trans Fat 0g`.

 ```js
 assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.querySelector('span')?.innerText?.match(/Trans[\s|\n]+Fat 0g/));
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7d489a581590d1350288.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7d489a581590d1350288.md
@@ -1,6 +1,6 @@
 ---
 id: 615f7d489a581590d1350288
-title: Step 52
+title: Крок 52
 challengeType: 0
 dashedName: step-52
 ---
@@ -11,7 +11,7 @@ dashedName: step-52

 # --hints--

-You should create a new `div` element at the end of your `.daily-value` element.
+Ви повинні створити новий елемент `div` в кінці свого елемента `.daily-value`.

 ```js
 assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.localName === 'div');
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7de4487b64919bb4aa5e.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7de4487b64919bb4aa5e.md
@@ -1,17 +1,17 @@
 ---
 id: 615f7de4487b64919bb4aa5e
-title: Step 53
+title: Крок 53
 challengeType: 0
 dashedName: step-53
 ---

 # --description--

-Після останнього `.divider` створіть новий елемент `p` з текстом `Cholesterol 0mg 0%`. Обгорніть текст `Cholesterol` в елемент `span` та надайте цьому елементу `span` атрибут `class` зі значенням `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.
+Після останнього `.divider` створіть новий елемент `p` з текстом `Cholesterol 0mg 0%`. Обгорніть текст `Cholesterol` в елемент `span` та надайте цьому елементу `span` атрибут `class` зі значенням `bold`. Обгорніть текст `0%` в інший елемент `span` з `class` зі значенням `bold`. Також обгорніть `Cholesterol 0mg` в додатковий елемент `span` для вирівнювання.

 # --hints--

-You should create a new `p` element at the end of your `.daily-value` element.
+Ви повинні створити новий елемент `p` в кінці свого елемента `.daily-value`.

 ```js
 assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.localName === 'p');
@@ -23,37 +23,37 @@ assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.loca
 assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.innerText?.match(/Cholesterol[\s|\n]+0mg[\s|\n]+0%/));
 ```

-Your new `p` element should have three `span` elements.
+Ваш новий елемент `p` повинен мати три елементи `span`.

 ```js
 assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.querySelectorAll('span')?.length === 3);
 ```

-Your first `span` `Cholesterol` element should have the `class` attribute set to `bold`.
+Ваш перший елемент `span` `Cholesterol` повинен мати атрибут `class` зі значенням `bold`.

 ```js
 assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.firstElementChild?.firstElementChild?.classList?.contains('bold'));
 ```

-Your first `span` element should wrap the text `Cholesterol 0mg`.
+Ваш перший елемент `span` повинен обгортати текст `Cholesterol 0mg`.

 ```js
 assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.firstElementChild?.innerText?.match(/Cholesterol[\s|\n]+0mg/));
 ```

-Your first `span` element should wrap the text `Cholesterol`.
+Ваш перший елемент `span` повинен обгортати текст `Cholesterol`.

 ```js
 assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.firstElementChild?.firstElementChild?.innerText === 'Cholesterol');
 ```

-Your second `span` element should have the `class` attribute set to `bold`.
+Ваш другий елемент `span` повинен мати атрибут `class` зі значенням `bold`.

 ```js
 assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.lastElementChild?.classList?.contains('bold'));
 ```

-Your second `span` element should wrap the text `0%`.
+Ваш другий елемент `span` повинен обгортати текст `0%`.

 ```js
 assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.lastElementChild?.innerText === '0%');
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7e7281626a92bbd62da8.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7e7281626a92bbd62da8.md
@@ -1,17 +1,17 @@
 ---
 id: 615f7e7281626a92bbd62da8
-title: Step 54
+title: Крок 54
 challengeType: 0
 dashedName: step-54
 ---

 # --description--

-Під останнім елементом `p` створіть ще один елемент `p` з текстом `Sodium 160mg 7%`. Оберніть текст `Sodium` в елемент `span` з атрибутом `class`, встановленим на `bold`. Wrap the `7%` text in another `span` element with the `class` set to `bold`. Also add an additional `span` element around `Sodium 160mg` for aligning it correctly.
+Під останнім елементом `p` створіть ще один елемент `p` з текстом `Sodium 160mg 7%`. Оберніть текст `Sodium` в елемент `span` з атрибутом `class`, встановленим на `bold`. Оберніть текст `7%` в інший елемент `span` з `class` зі значенням `bold`. Також додайте додатковий елемент `span` навколо `Sodium 160mg` для правильного вирівнювання.

 # --hints--

-You should create a new `p` element at the end of your `.daily-value` element.
+Ви повинні створити новий елемент `p` в кінці свого елемента `.daily-value`.

 ```js
 assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.localName === 'p');
@@ -23,37 +23,37 @@ assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.loca
 assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.innerText?.match(/Sodium[\s|\n]160mg[\s|\n]+7%/));
 ```

-Your new `p` element should have three `span` elements.
+Ваш новий елемент `p` повинен мати три елементи `span`.

 ```js
 assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.querySelectorAll('span')?.length === 3);
 ```

-A `span` element should wrap the text `Sodium 360mg`.
+Елемент `span` повинен обгортати текст `Sodium 360mg`.

 ```js
 assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.firstElementChild?.innerText?.match(/Sodium[\s|\n]160mg/));
 ```

-A `span` element should wrap the text `Sodium`.
+Елемент `span` повинен обгортати текст `Sodium`.

 ```js
 assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.firstElementChild?.firstElementChild?.innerText === "Sodium");
 ```

-The `span` around `Sodium` should have the `class` attribute set to `bold`.
+`span` навколо `Sodium` повинен мати атрибут `class` зі значенням `bold`.

 ```js
 assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.firstElementChild?.firstElementChild?.classList?.contains('bold'));
 ```

-A `span` element should wrap the text `7%`.
+Елемент `span` повинен обгортати текст `7%`.

 ```js
 assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.lastElementChild?.innerText === '7%');
 ```

-The `span` element around `7%` should have the `class` attribute set to `bold`.
+Елемент `span` навколо `7%` повинен мати атрибут `class` зі значенням `bold`.

 ```js
 assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.lastElementChild?.classList?.contains('bold'));
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7ecb09de9a938ef94756.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7ecb09de9a938ef94756.md
@@ -1,17 +1,17 @@
 ---
 id: 615f7ecb09de9a938ef94756
-title: Step 55
+title: Крок 55
 challengeType: 0
 dashedName: step-55
 ---

 # --description--

-Додайте ще один елемент `p` з текстом `Total Carbohydrate 37g 13%`. Like before, use `span` elements to make the text `Total Carbohydrate` bold, and the text `13%` bold. Also add an additional `span` element to wrap the `Total Carbohydrate 37g` text in a span element so to have it aligned to the left, and `13%` to the right.
+Додайте ще один елемент `p` з текстом `Total Carbohydrate 37g 13%`. Як і раніше, використайте елементи `span`, щоб зробити шрифт текстів `Total Carbohydrate` та `13%` жирним. Також додайте додатковий елемент `span`, щоб обгорнути текст `Total Carbohydrate 37g` в елемент span, щоб вирівняти його за лівим краєм, а `13%` – за правим.

 # --hints--

-You should create a new `p` element at the end of your `.daily-value` element.
+Ви повинні створити новий елемент `p` в кінці свого елемента `.daily-value`.

 ```js
 assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.localName === 'p');
@@ -23,43 +23,43 @@ assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.loca
 assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.innerText?.match(/Total Carbohydrate[\s|\n]+37g[\s|\n]+13%/));
 ```

-Your new `p` element should have three `span` elements.
+Ваш новий елемент `p` повинен мати три елементи `span`.

 ```js
 assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.querySelectorAll('span')?.length === 3);
 ```

-One `span` element should wrap the text `Total Carbohydrate 37g`.
+Один елемент `span` повинен обгортати текст `Total Carbohydrate 37g`.

 ```js
 assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.firstElementChild?.innerText?.match(/Total Carbohydrate[\s|\n]+37g/));
 ```

-One `span` element should wrap the text `Total Carbohydrate`.
+Один елемент `span` повинен обгортати текст `Total Carbohydrate`.

 ```js
 assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.firstElementChild?.firstElementChild?.innerText === 'Total Carbohydrate');
 ```

-The `span` element around `Total Carbohydrate` should have the `class` attribute set to `bold`.
+Елемент `span` навколо `Total Carbohydrate` повинен мати атрибут `class` зі значенням `bold`.

 ```js
 assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.firstElementChild?.firstElementChild?.classList?.contains('bold'));
 ```

-A `span` element should wrap the text `13%`.
+Елемент `span` повинен обгортати текст `13%`.

 ```js
 assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.lastElementChild?.innerText === '13%');
 ```

-The `span` element around `13%` should have the `class` attribute set to `bold`.
+Елемент `span` навколо `13%` повинен мати атрибут `class` зі значенням `bold`.

 ```js
 assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.lastElementChild?.classList?.contains('bold'));
 ```

-Your second `span` element should wrap the text `13%`.
+Ваш другий елемент `span` повинен обгортати текст `13%`.

 ```js
 assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.lastElementChild?.innerText === '13%');
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7fa959ab75948f96a0d6.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f7fa959ab75948f96a0d6.md
@@ -1,6 +1,6 @@
 ---
 id: 615f7fa959ab75948f96a0d6
-title: Step 56
+title: Крок 56
 challengeType: 0
 dashedName: step-56
 ---
@@ -11,7 +11,7 @@ dashedName: step-56

 # --hints--

-You should create a new `p` and `div` element at the end of your `.daily-value` element.
+Ви повинні створити новий елемент `p` та новий `div` в кінці свого елемента `.daily-value`.

 ```js
 assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.previousElementSibling?.localName === 'p');
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f808d85793195b0f53be9.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f808d85793195b0f53be9.md
@@ -1,6 +1,6 @@
 ---
 id: 615f808d85793195b0f53be9
-title: Step 57
+title: Крок 57
 challengeType: 0
 dashedName: step-57
 ---
@@ -11,7 +11,7 @@ dashedName: step-57

 # --hints--

-You should create a new `p` and `div` element at the end of your `.daily-value` element.
+Ви повинні створити новий елемент `p` та новий `div` в кінці свого елемента `.daily-value`.

 ```js
 assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.previousElementSibling?.localName === 'p');
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f829d07b18f96f6f6684b.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f829d07b18f96f6f6684b.md
@@ -1,17 +1,17 @@
 ---
 id: 615f829d07b18f96f6f6684b
-title: Step 58
+title: Крок 58
 challengeType: 0
 dashedName: step-58
 ---

 # --description--

-Перевага створення цих роздільників полягає в тому, що ви можете застосувати певні класи для індивідуальної стилізації. Add `double-indent` to the `class` for your last `.divider`.
+Перевага створення цих роздільників полягає в тому, що ви можете застосувати певні класи для індивідуальної стилізації. Додайте `double-indent` до `class` вашого останнього `.divider`.

 # --hints--

-Your last `.divider` element should have `double-indent` added to the `class`. Не видаляйте наявне значення.
+Ваш останній елемент `.divider` повинен мати `double-indent`, доданий до `class`. Не видаляйте наявне значення.

 ```js
 const last = document.querySelector('.daily-value.small-text')?.lastElementChild;
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f83ef928ec9982b785b6a.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f83ef928ec9982b785b6a.md
@@ -1,23 +1,23 @@
 ---
 id: 615f83ef928ec9982b785b6a
-title: Step 59
+title: Крок 59
 challengeType: 0
 dashedName: step-59
 ---

 # --description--

-Create a `.double-indent` selector and give it a left margin of `2em`.
+Створіть селектор `.double-indent` та надайте йому ліве поле зі значенням `2em`.

 # --hints--

-You should have a new `.double-indent` selector.
+Ви повинні мати новий селектор `.double-indent`.

 ```js
 assert(new __helpers.CSSHelp(document).getStyle('.double-indent'));
 ```

-Your `.double-indent` selector should have a `margin-left` property set to `2em`.
+Ваш селектор `.double-indent` повинен мати властивість `margin-left` зі значенням `2em`.

 ```js
 assert(new __helpers.CSSHelp(document).getStyle('.double-indent')?.marginLeft === '2em');
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f84f246e8ba98e3cd97be.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f84f246e8ba98e3cd97be.md
@@ -1,19 +1,19 @@
 ---
 id: 615f84f246e8ba98e3cd97be
-title: Step 60
+title: Крок 60
 challengeType: 0
 dashedName: step-60
 ---

 # --description--

-Below your `.double-indent` element, add a new `p` element with the text `Includes 10g Added Sugars 20%`. Ваш новий елемент `p` також повинен мати подвійний відступ та не мати нижнього кордону. Використайте `span`, щоб зробити `20%` жирним та вирівняним за правим краєм.
+Знизу елемента `.double-indent` додайте новий елемент `p` з текстом `Includes 10g Added Sugars 20%`. Ваш новий елемент `p` також повинен мати подвійний відступ та не мати нижнього кордону. Використайте `span`, щоб зробити `20%` жирним та вирівняним за правим краєм.

 Потім створіть ще один роздільник після цього елемента `p`.

 # --hints--

-You should create a new `p` and `div` element at the end of your `.daily-value` element.
+Ви повинні створити новий елемент `p` та новий `div` в кінці свого елемента `.daily-value`.

 ```js
 assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.previousElementSibling?.localName === 'p');
@@ -26,7 +26,7 @@ assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.loca
 assert(document.querySelector('.daily-value.small-text p:last-of-type')?.innerText.match(/Includes 10g Added Sugars[\s|\n]+20%/));
 ```

-Your new `p` element should have the `class` attribute set to `double-indent no-divider`.
+Ваш новий елемент `p` повинен мати атрибут `class` зі значенням `double-indent no-divider`.

 ```js
 assert(document.querySelector('.daily-value.small-text p:last-of-type')?.classList?.contains('double-indent'));
@@ -39,7 +39,7 @@ assert(document.querySelector('.daily-value.small-text p:last-of-type')?.classLi
 assert(document.querySelector('.daily-value.small-text p:last-of-type')?.firstElementChild?.localName === 'span');
 ```

-Your `span` element should have the `class` attribute set to `bold`.
+Ваш елемент `span` повинен мати атрибут `class` зі значенням `bold`.

 ```js
 assert(document.querySelector('.daily-value.small-text p:last-of-type')?.firstElementChild?.classList?.contains('bold'));
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f887466db4ba14b5342cc.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f887466db4ba14b5342cc.md
@@ -1,6 +1,6 @@
 ---
 id: 615f887466db4ba14b5342cc
-title: Step 61
+title: Крок 61
 challengeType: 0
 dashedName: step-61
 ---
@@ -13,7 +13,7 @@ dashedName: step-61

 # --hints--

-You should create a new `p` and `div` element at the end of your `.daily-value` element.
+Ви повинні створити новий елемент `p` та новий `div` в кінці свого елемента `.daily-value`.

 ```js
 assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.previousElementSibling?.localName === 'p');
@@ -32,7 +32,7 @@ assert(document.querySelector('.daily-value.small-text p:last-of-type')?.innerTe
 assert(document.querySelector('.daily-value.small-text p:last-of-type')?.classList?.contains('no-divider'));
 ```

-Your new `div` should have the `class` attribute set to `divider large`.
+Ваш новий `div` повинен мати атрибут `class` зі значенням `divider large`.

 ```js
 assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.classList?.contains('divider'));
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f89e055040ba294719d2f.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f89e055040ba294719d2f.md
@@ -1,6 +1,6 @@
 ---
 id: 615f89e055040ba294719d2f
-title: Step 62
+title: Крок 62
 challengeType: 0
 dashedName: step-62
 ---
@@ -9,29 +9,29 @@ dashedName: step-62

 Створіть інший елемент `p` під вашим великим роздільником. Надайте елементу `p` текст `Vitamin D 2mcg 10%`.

-The `p` element contains only text, you can wrap the percentage in a `span` element so that it is considered a separate entity from the rest of the text, and it's moved to the right.
+Елемент `p` містить лише текст, а відсотки можна обгорнути в елементі `span`, щоб вони розглядались окремо від решти тексту та переміщувались праворуч.

 # --hints--

-You should create a new `p` element at the end of your `.daily-value` element.
+Ви повинні створити новий елемент `p` в кінці свого елемента `.daily-value`.

 ```js
 assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.localName === 'p');
 ```

-Your new `p` element should have the text `Vitamin D 2mcg 10%`.
+Ваш новий елемент `p` повинен мати текст `Vitamin D 2mcg 10%`.

 ```js
 assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.innerText?.match(/Vitamin D 2mcg[\s|\n]+10%/));
 ```

-Your new `p` element should have a `span` element.
+Ваш новий елемент `p` повинен мати елемент `span`.

 ```js
 assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.querySelectorAll('span')?.length === 1);
 ```

-Your `span` element should not be bold.
+Ваш елемент `span` не повинен бути жирним.

 ```js
 assert(!document.querySelector('.daily-value.small-text')?.lastElementChild?.querySelector('span')?.classList?.contains('bold'));
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f8bfe0f30a1a3c340356b.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f8bfe0f30a1a3c340356b.md
@@ -1,6 +1,6 @@
 ---
 id: 615f8bfe0f30a1a3c340356b
-title: Step 63
+title: Крок 63
 challengeType: 0
 dashedName: step-63
 ---
@@ -11,7 +11,7 @@ dashedName: step-63

 # --hints--

-You should create two new `p` elements at the end of your `.daily-value` element.
+Ви повинні створити два нових елементи `p` в кінці свого елемента `.daily-value`.

 ```js
 assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.localName === 'p');
@@ -30,7 +30,7 @@ assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.prev
 assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.previousElementSibling?.firstElementChild?.localName === 'span');
 ```

-Your first `span` element not be bold.
+Ваш перший елемент `span` не повинен бути жирним.

 ```js
 assert(!document.querySelector('.daily-value.small-text')?.lastElementChild?.previousElementSibling?.firstElementChild?.classList?.contains('bold'));
@@ -54,7 +54,7 @@ assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.inne
 assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.firstElementChild?.localName === 'span');
 ```

-Your second `span` element should not be bold.
+Ваш другий елемент `span` не повинен бути жирним.

 ```js
 assert(!document.querySelector('.daily-value.small-text')?.lastElementChild?.firstElementChild?.classList?.contains('bold'));
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f8f1223601fa546e93f31.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f8f1223601fa546e93f31.md
@@ -1,6 +1,6 @@
 ---
 id: 615f8f1223601fa546e93f31
-title: Step 64
+title: Крок 64
 challengeType: 0
 dashedName: step-64
 ---
@@ -11,7 +11,7 @@ dashedName: step-64

 # --hints--

-You should create a new `p` element at the end of your `.daily-value` element.
+Ви повинні створити новий елемент `p` в кінці свого елемента `.daily-value`.

 ```js
 assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.localName === 'p');
@@ -35,7 +35,7 @@ assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.inne
 assert(document.querySelector('.daily-value.small-text')?.lastElementChild?.querySelectorAll('span')?.length === 1);
 ```

-Your `span` element should not be bold.
+Ваш елемент `span` не повинен бути жирним.

 ```js
 assert(!document.querySelector('.daily-value.small-text')?.lastElementChild?.querySelector('span')?.classList?.contains('bold'));
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f905fbd1017a65ca224eb.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f905fbd1017a65ca224eb.md
@@ -1,6 +1,6 @@
 ---
 id: 615f905fbd1017a65ca224eb
-title: Step 65
+title: Крок 65
 challengeType: 0
 dashedName: step-65
 ---
@@ -23,7 +23,7 @@ dashedName: step-65
 assert(document.querySelector('.daily-value').nextElementSibling?.localName === 'div');
 ```

-Your new `div` should have the `class` set to `divider medium`.
+Ваш новий `div` повинен мати `class` зі значенням `divider medium`.

 ```js
 assert(document.querySelector('.daily-value')?.nextElementSibling?.classList?.contains('divider'));
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f94786869e1a7fec54375.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f94786869e1a7fec54375.md
@@ -1,6 +1,6 @@
 ---
 id: 615f94786869e1a7fec54375
-title: Step 66
+title: Крок 66
 challengeType: 0
 dashedName: step-66
 ---
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f951dff9317a900ef683f.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/615f951dff9317a900ef683f.md
@@ -1,6 +1,6 @@
 ---
 id: 615f951dff9317a900ef683f
-title: Step 67
+title: Крок 67
 challengeType: 0
 dashedName: step-67
 ---
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/635bde33c91c80540eae239b.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/635bde33c91c80540eae239b.md
@@ -1,17 +1,17 @@
 ---
 id: 635bde33c91c80540eae239b
-title: Step 41
+title: Крок 41
 challengeType: 0
 dashedName: step-41
 ---

 # --description--

-The text `* Daily Value %` should be aligned to the right. Create a `.right` selector and use the `justify-content` property to do it.
+Текст `* Daily Value %` повинен бути вирівняний за правим краєм. Створіть селектор `.right` та використайте властивість `justify-content` для цього.

 # --hints--

-You should have a `.right` selector.
+Ви повинні мати селектор `.right`.

 ```js
 const hasRight = new __helpers.CSSHelp(document).getStyle('.right');
@@ -19,7 +19,7 @@ assert(hasRight);

 ```

-The `.right` selector should have the `justify-content` property set to `flex-end`.
+Селектор `.right` повинен мати властивість `justify-content` зі значенням `flex-end`.

 ```js
 const rightJustifyContent = new __helpers.CSSHelp(document).getStyle('.right')?.getPropertyValue('justify-content');
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/6395d33ab5d91bf317107c48.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/6395d33ab5d91bf317107c48.md
@@ -1,23 +1,23 @@
 ---
 id: 6395d33ab5d91bf317107c48
-title: Step 32
+title: Крок 32
 challengeType: 0
 dashedName: step-32
 ---

 # --description--

-Create a `.calories-info h2` selector and remove all margins.
+Створіть селектор `.calories-info h2` та видаліть всі поля.

 # --hints--

-Create a `.calories-info h2` selector.
+Створіть селектор `.calories-info h2`.

 ```js
 assert(new __helpers.CSSHelp(document).getStyle('.calories-info h2'));
 ```

-Your `.calories-info h2` selector should have a `margin` set to `0`.
+Ваш селектор `.calories-info h2` повинен мати `margin` зі значенням `0`.

 ```js
 assert(new __helpers.CSSHelp(document).getStyle('.calories-info h2')?.margin === '0px');
--- a/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/6396e33fe478dd264ebbf278.md
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/learn-typography-by-building-a-nutrition-label/6396e33fe478dd264ebbf278.md
@@ -1,35 +1,35 @@
 ---
 id: 6396e33fe478dd264ebbf278
-title: Step 34
+title: Крок 34
 challengeType: 0
 dashedName: step-34
 ---

 # --description--

-Create a new `.calories-info` selector and give it a `display` property set to `flex`. Also give it a `justify-content` property set to `space-between` and `align-items` property set to `flex-end`.
+Створіть новий селектор `.calories-info` та надайте йому властивість `display` зі значенням `flex`. Також надайте йому властивість `justify-content` зі значенням `space-between` та властивість `align-items` зі значенням `flex-end`.

 # --hints--

-You should create a `.calories-info` selector.
+Ви повинні створити селектор `.calories-info`.

 ```js
 assert(new __helpers.CSSHelp(document).getStyle('.calories-info'));
 ```

-Your `.calories-info` selector should have a `display` property set to `flex`.
+Ваш селектор `.calories-info` повинен мати властивість `display` зі значенням `flex`.

 ```js
 assert(new __helpers.CSSHelp(document).getStyle('.calories-info')?.display === 'flex');
 ```

-Your `.calories-info` selector should have a `justify-content` property set to `space-between`.
+Ваш селектор `.calories-info` повинен мати властивість `justify-content` зі значенням `space-between`.

 ```js
 assert(new __helpers.CSSHelp(document).getStyle('.calories-info')?.justifyContent === 'space-between');
 ```

-Your `.calories-info` selector should have a `align-items` property set to `flex-end`.
+Ваш селектор `.calories-info` повинен мати властивість `align-items` зі значенням `flex-end`.

 ```js
 assert(new __helpers.CSSHelp(document).getStyle('.calories-info')?.alignItems === 'flex-end');