From 47d5747730a52202a122acbc56cc50f68ca5971f Mon Sep 17 00:00:00 2001
From: camperbot <camperbot@users.noreply.github.com>
Date: Tue, 5 Jul 2022 10:37:27 -0700
Subject: [PATCH] chore(i18n,learn): processed translations (#46763)

---
 .../5f46ede1ff8fec5ba656b44c.md               |   1 +
 .../5d822fd413a79914d39e98cb.md               |   2 +-
 .../5d822fd413a79914d39e98cd.md               |   3 +-
 .../5d822fd413a79914d39e98ce.md               |   3 +-
 .../5d822fd413a79914d39e98cf.md               |   3 +-
 .../5d822fd413a79914d39e98d0.md               |   3 +-
 .../5d822fd413a79914d39e98d1.md               |   3 +-
 .../5d822fd413a79914d39e98d2.md               |   3 +-
 .../5d822fd413a79914d39e98d3.md               |   3 +-
 .../5d822fd413a79914d39e98d4.md               |   3 +-
 .../5d822fd413a79914d39e98d5.md               |   3 +-
 .../5d822fd413a79914d39e98d6.md               |   3 +-
 .../5d822fd413a79914d39e98d7.md               |   3 +-
 .../5d822fd413a79914d39e98d8.md               |   3 +-
 .../5d822fd413a79914d39e98d9.md               |   3 +-
 .../5d822fd413a79914d39e98da.md               |   3 +-
 .../5d822fd413a79914d39e98db.md               |   3 +-
 .../5d822fd413a79914d39e98dc.md               |   3 +-
 .../5d822fd413a79914d39e98dd.md               |   3 +-
 .../5d822fd413a79914d39e98de.md               |   3 +-
 .../5d822fd413a79914d39e98df.md               |   3 +-
 .../5d822fd413a79914d39e98e0.md               |   3 +-
 .../5d822fd413a79914d39e98e1.md               |   3 +-
 .../5d822fd413a79914d39e98e2.md               |   3 +-
 .../5d822fd413a79914d39e98e3.md               |   3 +-
 .../5d822fd413a79914d39e98e4.md               |   3 +-
 .../5d822fd413a79914d39e98e5.md               |   3 +-
 .../5d822fd413a79914d39e98e6.md               |   3 +-
 .../5d822fd413a79914d39e98e7.md               |   3 +-
 .../5d822fd413a79914d39e98e8.md               |   3 +-
 .../5d822fd413a79914d39e98e9.md               |   3 +-
 .../5d822fd413a79914d39e98ea.md               |   3 +-
 .../5d822fd413a79914d39e98eb.md               |   3 +-
 .../5d822fd413a79914d39e98ec.md               |   3 +-
 .../5d822fd413a79914d39e98ed.md               |   3 +-
 .../5d822fd413a79914d39e98ee.md               |   3 +-
 .../5d822fd413a79914d39e98ef.md               |   3 +-
 .../5d822fd413a79914d39e98f0.md               |   3 +-
 .../5d822fd413a79914d39e98f1.md               |   3 +-
 .../5d822fd413a79914d39e98f2.md               |   3 +-
 .../5d822fd413a79914d39e98f3.md               |   3 +-
 .../5d822fd413a79914d39e98f4.md               |   3 +-
 .../5d822fd413a79914d39e98f5.md               |   3 +-
 .../5d822fd413a79914d39e98f6.md               |   3 +-
 .../5d822fd413a79914d39e98f7.md               |   3 +-
 .../5d822fd413a79914d39e98f8.md               |   3 +-
 .../5d822fd413a79914d39e98f9.md               |   3 +-
 .../5d822fd413a79914d39e98fa.md               |   3 +-
 .../5d822fd413a79914d39e98fb.md               |   3 +-
 .../5d822fd413a79914d39e98fc.md               |   3 +-
 .../5d822fd413a79914d39e98fd.md               |   3 +-
 .../5d822fd413a79914d39e98fe.md               |   3 +-
 .../5d822fd413a79914d39e98ff.md               |   3 +-
 .../5d822fd413a79914d39e9900.md               |   3 +-
 .../5d822fd413a79914d39e9901.md               |   3 +-
 .../5d822fd413a79914d39e9902.md               |   3 +-
 .../5d822fd413a79914d39e9903.md               |   3 +-
 .../5d822fd413a79914d39e9904.md               |   3 +-
 .../5d822fd413a79914d39e9905.md               |   3 +-
 .../5d822fd413a79914d39e9906.md               |   3 +-
 .../5d822fd413a79914d39e9907.md               |   3 +-
 .../5d822fd413a79914d39e9908.md               |   3 +-
 .../5d822fd413a79914d39e9909.md               |   3 +-
 .../5d822fd413a79914d39e990a.md               |   3 +-
 .../5d822fd413a79914d39e990b.md               |   3 +-
 .../5d822fd413a79914d39e990c.md               |   3 +-
 .../5d822fd413a79914d39e990d.md               |   3 +-
 .../5d822fd413a79914d39e990e.md               |   3 +-
 .../5d822fd413a79914d39e990f.md               |   3 +-
 .../5d822fd413a79914d39e9910.md               |   3 +-
 .../5d822fd413a79914d39e9911.md               |   3 +-
 .../5d822fd413a79914d39e9912.md               |   3 +-
 .../5d822fd413a79914d39e9913.md               |   3 +-
 .../5d822fd413a79914d39e9914.md               |   3 +-
 .../5d822fd413a79914d39e9915.md               |   3 +-
 .../5d822fd413a79914d39e9916.md               |   3 +-
 .../5d822fd413a79914d39e9917.md               |   3 +-
 .../5d822fd413a79914d39e9918.md               |   3 +-
 .../5d822fd413a79914d39e9919.md               |   3 +-
 .../5d822fd413a79914d39e991a.md               |   3 +-
 .../5d822fd413a79914d39e991b.md               |   3 +-
 .../5d822fd413a79914d39e991c.md               |   3 +-
 .../5d822fd413a79914d39e991d.md               |   3 +-
 .../5d822fd413a79914d39e991e.md               |   3 +-
 .../5d822fd413a79914d39e991f.md               |   3 +-
 .../5d822fd413a79914d39e9920.md               |   3 +-
 .../5d822fd413a79914d39e9921.md               |   3 +-
 .../5d822fd413a79914d39e9922.md               |   3 +-
 .../5d822fd413a79914d39e9923.md               |   3 +-
 .../5d822fd413a79914d39e9924.md               |   3 +-
 .../5d822fd413a79914d39e9925.md               |   3 +-
 .../5d822fd413a79914d39e9926.md               |   3 +-
 .../5d822fd413a79914d39e9927.md               |   3 +-
 .../5d822fd413a79914d39e9928.md               |   3 +-
 .../5d822fd413a79914d39e9929.md               |   3 +-
 .../5d822fd413a79914d39e992a.md               |   3 +-
 .../5d822fd413a79914d39e992b.md               |   3 +-
 .../5d822fd413a79914d39e992c.md               |   3 +-
 .../5d822fd413a79914d39e992d.md               |   3 +-
 .../5d822fd413a79914d39e992e.md               |   3 +-
 .../5d822fd413a79914d39e992f.md               |   3 +-
 .../5d822fd413a79914d39e9930.md               |   3 +-
 .../5d822fd413a79914d39e9931.md               |   3 +-
 .../5d822fd413a79914d39e9932.md               |   3 +-
 .../5d822fd413a79914d39e9933.md               |   3 +-
 .../5d822fd413a79914d39e9934.md               |   3 +-
 .../5d822fd413a79914d39e9935.md               |   3 +-
 .../5d822fd413a79914d39e9936.md               |   3 +-
 .../5d822fd413a79914d39e9937.md               |   3 +-
 .../5d822fd413a79914d39e9938.md               |   3 +-
 .../5d822fd413a79914d39e9939.md               |   3 +-
 .../5d822fd413a79914d39e993a.md               |   3 +-
 .../5d822fd413a79914d39e993b.md               |   3 +-
 .../5d822fd413a79914d39e993c.md               |   3 +-
 .../5d822fd413a79914d39e993d.md               |   3 +-
 .../5d822fd413a79914d39e993e.md               |   6 +-
 .../5f46ede1ff8fec5ba656b44c.md               |   1 +
 ...-arrays-contents-using-bracket-notation.md |   2 +-
 ...t-operator-instead-of-equality-operator.md |   2 +-
 ...-reinitializing-variables-inside-a-loop.md |   2 +-
 ...bine-two-arrays-using-the-concat-method.md |   2 +-
 ...nd-the-hazards-of-using-imperative-code.md |   2 +-
 .../dna-pairing.md                            |   4 +-
 .../override-inherited-methods.md             |   2 +-
 ...reset-an-inherited-constructor-property.md |   2 +-
 ...mmon-behavior-between-unrelated-objects.md |   2 +-
 ...n-object-from-being-modified-externally.md |   2 +-
 .../install-and-set-up-mongoose.md            |  16 +-
 .../sudoku-solver.md                          |   2 +-
 .../rosetta-code/sedols.md                    |   9 +-
 .../5f46ede1ff8fec5ba656b44c.md               |   1 +
 .../6140c7e645d8e905819f1dd4.md               |   4 +-
 .../61695197ac34f0407e339882.md               |   6 +-
 .../619665c9abd72906f3ad30f9.md               |  12 +
 .../5d822fd413a79914d39e98ca.md               |   8 +-
 .../5d822fd413a79914d39e98cb.md               |   2 +-
 .../5d822fd413a79914d39e98cc.md               |  20 +-
 .../5d822fd413a79914d39e98cd.md               |   3 +-
 .../5d822fd413a79914d39e98ce.md               |   3 +-
 .../5d822fd413a79914d39e98cf.md               |   3 +-
 .../5d822fd413a79914d39e98d0.md               |   3 +-
 .../5d822fd413a79914d39e98d1.md               |   3 +-
 .../5d822fd413a79914d39e98d2.md               |   3 +-
 .../5d822fd413a79914d39e98d3.md               |   3 +-
 .../5d822fd413a79914d39e98d4.md               |   3 +-
 .../5d822fd413a79914d39e98d5.md               |   3 +-
 .../5d822fd413a79914d39e98d6.md               |   3 +-
 .../5d822fd413a79914d39e98d7.md               |   3 +-
 .../5d822fd413a79914d39e98d8.md               |   3 +-
 .../5d822fd413a79914d39e98d9.md               |   3 +-
 .../5d822fd413a79914d39e98da.md               |   3 +-
 .../5d822fd413a79914d39e98db.md               |   3 +-
 .../5d822fd413a79914d39e98dc.md               |   3 +-
 .../5d822fd413a79914d39e98dd.md               |   3 +-
 .../5d822fd413a79914d39e98de.md               |   3 +-
 .../5d822fd413a79914d39e98df.md               |   3 +-
 .../5d822fd413a79914d39e98e0.md               |   3 +-
 .../5d822fd413a79914d39e98e1.md               |   3 +-
 .../5d822fd413a79914d39e98e2.md               |   3 +-
 .../5d822fd413a79914d39e98e3.md               |   3 +-
 .../5d822fd413a79914d39e98e4.md               |   3 +-
 .../5d822fd413a79914d39e98e5.md               |   3 +-
 .../5d822fd413a79914d39e98e6.md               |   3 +-
 .../5d822fd413a79914d39e98e7.md               |   3 +-
 .../5d822fd413a79914d39e98e8.md               |   3 +-
 .../5d822fd413a79914d39e98e9.md               |   3 +-
 .../5d822fd413a79914d39e98ea.md               |   3 +-
 .../5d822fd413a79914d39e98eb.md               |   3 +-
 .../5d822fd413a79914d39e98ec.md               |   3 +-
 .../5d822fd413a79914d39e98ed.md               |   3 +-
 .../5d822fd413a79914d39e98ee.md               |   3 +-
 .../5d822fd413a79914d39e98ef.md               |   3 +-
 .../5d822fd413a79914d39e98f0.md               |   3 +-
 .../5d822fd413a79914d39e98f1.md               |   3 +-
 .../5d822fd413a79914d39e98f2.md               |   3 +-
 .../5d822fd413a79914d39e98f3.md               |   3 +-
 .../5d822fd413a79914d39e98f4.md               |   3 +-
 .../5d822fd413a79914d39e98f5.md               |   3 +-
 .../5d822fd413a79914d39e98f6.md               |   3 +-
 .../5d822fd413a79914d39e98f7.md               |   3 +-
 .../5d822fd413a79914d39e98f8.md               |   3 +-
 .../5d822fd413a79914d39e98f9.md               |   3 +-
 .../5d822fd413a79914d39e98fa.md               |   3 +-
 .../5d822fd413a79914d39e98fb.md               |   3 +-
 .../5d822fd413a79914d39e98fc.md               |   3 +-
 .../5d822fd413a79914d39e98fd.md               |   3 +-
 .../5d822fd413a79914d39e98fe.md               |   3 +-
 .../5d822fd413a79914d39e98ff.md               |   3 +-
 .../5d822fd413a79914d39e9900.md               |   3 +-
 .../5d822fd413a79914d39e9901.md               |   3 +-
 .../5d822fd413a79914d39e9902.md               |   3 +-
 .../5d822fd413a79914d39e9903.md               |   3 +-
 .../5d822fd413a79914d39e9904.md               |   3 +-
 .../5d822fd413a79914d39e9905.md               |   3 +-
 .../5d822fd413a79914d39e9906.md               |   3 +-
 .../5d822fd413a79914d39e9907.md               |   3 +-
 .../5d822fd413a79914d39e9908.md               |   3 +-
 .../5d822fd413a79914d39e9909.md               |   3 +-
 .../5d822fd413a79914d39e990a.md               |   3 +-
 .../5d822fd413a79914d39e990b.md               |   3 +-
 .../5d822fd413a79914d39e990c.md               |   3 +-
 .../5d822fd413a79914d39e990d.md               |   3 +-
 .../5d822fd413a79914d39e990e.md               |   3 +-
 .../5d822fd413a79914d39e990f.md               |   3 +-
 .../5d822fd413a79914d39e9910.md               |   3 +-
 .../5d822fd413a79914d39e9911.md               |   3 +-
 .../5d822fd413a79914d39e9912.md               |   3 +-
 .../5d822fd413a79914d39e9913.md               |   3 +-
 .../5d822fd413a79914d39e9914.md               |   3 +-
 .../5d822fd413a79914d39e9915.md               |   3 +-
 .../5d822fd413a79914d39e9916.md               |   3 +-
 .../5d822fd413a79914d39e9917.md               |   3 +-
 .../5d822fd413a79914d39e9918.md               |   3 +-
 .../5d822fd413a79914d39e9919.md               |   3 +-
 .../5d822fd413a79914d39e991a.md               |   3 +-
 .../5d822fd413a79914d39e991b.md               |   3 +-
 .../5d822fd413a79914d39e991c.md               |   3 +-
 .../5d822fd413a79914d39e991d.md               |   3 +-
 .../5d822fd413a79914d39e991e.md               |   3 +-
 .../5d822fd413a79914d39e991f.md               |   3 +-
 .../5d822fd413a79914d39e9920.md               |   3 +-
 .../5d822fd413a79914d39e9921.md               |   3 +-
 .../5d822fd413a79914d39e9922.md               |   3 +-
 .../5d822fd413a79914d39e9923.md               |   3 +-
 .../5d822fd413a79914d39e9924.md               |   3 +-
 .../5d822fd413a79914d39e9925.md               |   3 +-
 .../5d822fd413a79914d39e9926.md               |   3 +-
 .../5d822fd413a79914d39e9927.md               |   3 +-
 .../5d822fd413a79914d39e9928.md               |   3 +-
 .../5d822fd413a79914d39e9929.md               |   3 +-
 .../5d822fd413a79914d39e992a.md               |   3 +-
 .../5d822fd413a79914d39e992b.md               |   3 +-
 .../5d822fd413a79914d39e992c.md               |   3 +-
 .../5d822fd413a79914d39e992d.md               |   3 +-
 .../5d822fd413a79914d39e992e.md               |   3 +-
 .../5d822fd413a79914d39e992f.md               |   3 +-
 .../5d822fd413a79914d39e9930.md               |   3 +-
 .../5d822fd413a79914d39e9931.md               |   3 +-
 .../5d822fd413a79914d39e9932.md               |   3 +-
 .../5d822fd413a79914d39e9933.md               |   3 +-
 .../5d822fd413a79914d39e9934.md               |   3 +-
 .../5d822fd413a79914d39e9935.md               |   3 +-
 .../5d822fd413a79914d39e9936.md               |   3 +-
 .../5d822fd413a79914d39e9937.md               |   3 +-
 .../5d822fd413a79914d39e9938.md               |   3 +-
 .../5d822fd413a79914d39e9939.md               |   3 +-
 .../5d822fd413a79914d39e993a.md               |   3 +-
 .../5d822fd413a79914d39e993b.md               |   3 +-
 .../5d822fd413a79914d39e993c.md               |   3 +-
 .../5d822fd413a79914d39e993d.md               |   3 +-
 .../5d822fd413a79914d39e993e.md               |   6 +-
 .../5ef9b03c81a63668521804ee.md               |  69 +--
 .../62bb4009e3458a128ff57d5d.md               | 166 ++++++
 .../61fd5a93fd62bb35968adeab.md               |  14 +-
 .../build-a-personal-portfolio-webpage.md     | 281 ++++++++++
 .../build-a-product-landing-page.md           | 467 ++++++++++++++++
 .../build-a-survey-form.md                    | 518 +++++++++++++++++
 .../build-a-technical-documentation-page.md   | 529 ++++++++++++++++++
 .../build-a-tribute-page.md                   | 325 +++++++++++
 259 files changed, 2832 insertions(+), 333 deletions(-)
 create mode 100644 curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/62bb4009e3458a128ff57d5d.md
 create mode 100644 curriculum/challenges/ukrainian/14-responsive-web-design-22/build-a-personal-portfolio-webpage-project/build-a-personal-portfolio-webpage.md
 create mode 100644 curriculum/challenges/ukrainian/14-responsive-web-design-22/build-a-product-landing-page-project/build-a-product-landing-page.md
 create mode 100644 curriculum/challenges/ukrainian/14-responsive-web-design-22/build-a-survey-form-project/build-a-survey-form.md
 create mode 100644 curriculum/challenges/ukrainian/14-responsive-web-design-22/build-a-technical-documentation-page-project/build-a-technical-documentation-page.md
 create mode 100644 curriculum/challenges/ukrainian/14-responsive-web-design-22/build-a-tribute-page-project/build-a-tribute-page.md

diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f46ede1ff8fec5ba656b44c.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f46ede1ff8fec5ba656b44c.md
index 670ee48a0a8..06761b33c8c 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f46ede1ff8fec5ba656b44c.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f46ede1ff8fec5ba656b44c.md
@@ -73,6 +73,7 @@ assert(code.match(/\/\*\s*FOOTER\s*\*\//i));
         </section>
       </main>
       <hr class="bottom-line">
+      <footer>
         <p>
           <a href="https://www.freecodecamp.org" target="_blank">Visit our website</a>
         </p>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98cb.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98cb.md
index cfc5ee742dc..29ddcaf2f6c 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98cb.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98cb.md
@@ -60,7 +60,7 @@ assert([...document.querySelector('html').children].some(x => x.localName === 'b
 ```html
 <!DOCTYPE html>
 --fcc-editable-region--
-<html>
+<html lang="en">
 
 </html>
 --fcc-editable-region--
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98cd.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98cd.md
index c2f989cee66..fc84fe8b19e 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98cd.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98cd.md
@@ -36,8 +36,9 @@ assert.equal(astStyles?.border, '1px solid black');
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ce.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ce.md
index f488d4f7ea0..3ddf614adfb 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ce.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ce.md
@@ -37,8 +37,9 @@ assert.equal(astStyles.boxSizing, 'border-box');
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98cf.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98cf.md
index 553aec77f49..6dc93dab594 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98cf.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98cf.md
@@ -42,8 +42,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('body')?.overflow, 'hidden
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d0.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d0.md
index 85fd37bd063..ea7d8f11231 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d0.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d0.md
@@ -35,8 +35,9 @@ assert([...document.querySelector('div')?.classList]?.includes('background-build
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d1.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d1.md
index 8e42a4eb015..64080cd4525 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d1.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d1.md
@@ -35,8 +35,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.background-buildings')?.
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d2.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d2.md
index ed0f402108e..69384aed0d7 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d2.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d2.md
@@ -47,8 +47,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.bb1')?.height, '70%');
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d3.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d3.md
index 0ea5bc4d489..a696765d9ab 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d3.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d3.md
@@ -62,8 +62,9 @@ assert.equal(document.querySelectorAll('div.bb1 > div')?.length, 4);
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d4.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d4.md
index 74d48233da0..910ba1757f5 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d4.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d4.md
@@ -89,8 +89,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.bb1d')?.height, '70%');
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d5.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d5.md
index 1aca8a100b2..7484e8c28eb 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d5.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d5.md
@@ -46,8 +46,9 @@ assert.equal(bb1Style?.alignItems, 'center');
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d6.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d6.md
index 9a56a90f2f3..cbaa732de33 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d6.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d6.md
@@ -35,8 +35,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.bb1')?.getPropertyValue(
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d7.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d7.md
index 5c586408885..d3a1151e40f 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d7.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d7.md
@@ -29,8 +29,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.bb1a')?.getPropVal('back
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d8.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d8.md
index a92fec0e274..bcde59d50ae 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d8.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d8.md
@@ -53,8 +53,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.bb1d')?.getPropVal('back
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d9.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d9.md
index 4ee1322629a..965e5d654c7 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d9.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d9.md
@@ -23,8 +23,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.bb1')?.getPropertyValue(
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98da.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98da.md
index f75312a9cf5..9806fee6292 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98da.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98da.md
@@ -56,8 +56,9 @@ assert(__t('div.bb1','bb2') && __t('div.bb2','bb3') && __t('div.bb3','bb4'));
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98db.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98db.md
index 1e0ff9f3bde..1ece218a8a3 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98db.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98db.md
@@ -53,8 +53,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.bb4')?.height, '58%');
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98dc.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98dc.md
index 86a87565a38..8943f792c8d 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98dc.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98dc.md
@@ -35,8 +35,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.background-buildings')?.
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98dd.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98dd.md
index cd18f425820..497656ff436 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98dd.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98dd.md
@@ -45,8 +45,9 @@ assert.equal(document.querySelectorAll('div')?.length, 14);
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98de.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98de.md
index 3c43b435de3..b1be4ade5d9 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98de.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98de.md
@@ -41,8 +41,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.bb2')?.getPropVal('backg
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98df.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98df.md
index 962dd2fe0de..4f08e8bb6d1 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98df.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98df.md
@@ -23,8 +23,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.bb2')?.getPropVal('backg
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e0.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e0.md
index efaf63ab744..d11cc10e265 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e0.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e0.md
@@ -41,8 +41,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.bb3')?.getPropVal('backg
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e1.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e1.md
index e4bc06860a6..d33e90cc5ab 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e1.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e1.md
@@ -49,8 +49,9 @@ assert.isEmpty(new __helpers.CSSHelp(document).getStyle('.bb1')?.getPropertyValu
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e2.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e2.md
index 642cb0966f8..43a8928bc3f 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e2.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e2.md
@@ -29,8 +29,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.bb3')?.getPropVal('backg
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e3.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e3.md
index 217f0b80447..bc349986216 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e3.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e3.md
@@ -35,8 +35,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.bb4')?.getPropVal('backg
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e4.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e4.md
index 1babf80d81e..26830469c94 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e4.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e4.md
@@ -35,8 +35,9 @@ assert.exists(document.querySelector('div.foreground-buildings'));
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e5.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e5.md
index 8d20e1c85ad..c370f1bccf1 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e5.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e5.md
@@ -47,8 +47,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.foreground-buildings')?.
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e6.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e6.md
index d1fd7f4e78c..bb2e57b4f95 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e6.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e6.md
@@ -73,8 +73,9 @@ assert(__t('div.fb1','fb2') && __t('div.fb2','fb3') && __t('div.fb3','fb4') && _
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e7.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e7.md
index 342cc386a20..fb1a29d4cb3 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e7.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e7.md
@@ -125,8 +125,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.fb6')?.height, '38%');
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e8.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e8.md
index 5596fd0d130..f8dd486a79e 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e8.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e8.md
@@ -35,8 +35,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.foreground-buildings')?.
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e9.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e9.md
index ac5a1ab54b0..887a6cb872b 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e9.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e9.md
@@ -65,8 +65,9 @@ assert.exists(eitherOr());
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ea.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ea.md
index 6b7da1e6263..5cb9948d4c4 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ea.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ea.md
@@ -23,8 +23,9 @@ assert.notExists(new __helpers.CSSHelp(document).getStyle('.foreground-buildings
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98eb.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98eb.md
index d8738859522..72ba0626b60 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98eb.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98eb.md
@@ -53,8 +53,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.fb6')?.getPropVal('backg
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ec.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ec.md
index c0b17927aa4..bff52da7d4a 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ec.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ec.md
@@ -46,8 +46,9 @@ assert.equal(document.querySelectorAll('div')?.length, 26);
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ed.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ed.md
index b97856333be..b1190f43dbe 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ed.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ed.md
@@ -41,8 +41,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.fb5')?.right, '10%');
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ee.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ee.md
index bdb4ea0e1ec..2e4cb13951a 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ee.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ee.md
@@ -29,8 +29,9 @@ assert(/\/\*\s*FOREGROUND BUILDINGS - "fb" stands for "foreground building"\s*\*
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ef.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ef.md
index 4b39f6a135d..c867020bb2c 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ef.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ef.md
@@ -29,8 +29,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(':root')?.getPropertyValue
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f0.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f0.md
index d1ded08ee8a..a8a58d96b8d 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f0.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f0.md
@@ -50,8 +50,9 @@ assert.include(new __helpers.CSSHelp(document).getStyle('.bb1a')?.getPropVal('ba
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f1.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f1.md
index 29a7824a8c5..d53c7a382f9 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f1.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f1.md
@@ -49,8 +49,9 @@ assert.notEmpty(new __helpers.CSSHelp(document).getStyle('.bb1a')?.width);
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f2.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f2.md
index 80e7fefc18e..e25604c0dbd 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f2.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f2.md
@@ -60,8 +60,9 @@ assert.notExists(document.querySelector('div.bb1d.bb1-window'));
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f3.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f3.md
index e472ae0efe8..d9ecedec479 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f3.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f3.md
@@ -47,8 +47,9 @@ assert.isEmpty(new __helpers.CSSHelp(document).getStyle('.bb1c')?.backgroundColo
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f4.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f4.md
index 79e9c84f265..dc025f76b9c 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f4.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f4.md
@@ -57,8 +57,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.bb1d')?.getPropVal('back
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f5.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f5.md
index a637f3476a1..007d92fab57 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f5.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f5.md
@@ -23,8 +23,9 @@ assert.notMatch(code, /\.bb1d\s*\{\s*[^}]*?background-color[^}]*?\}/);
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f6.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f6.md
index 6e7469bd586..50ce11ec8d4 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f6.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f6.md
@@ -33,8 +33,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.bb1d')?.getPropVal('back
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f7.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f7.md
index 96a98967c30..850ea8534df 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f7.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f7.md
@@ -29,8 +29,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.bb1d')?.getPropVal('back
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f8.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f8.md
index 3cdad4b2b2a..54bcec286be 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f8.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f8.md
@@ -35,8 +35,9 @@ assert.exists(document.querySelector('div.bb2b'));
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f9.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f9.md
index b2fad15a100..8f64d3d6054 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f9.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f9.md
@@ -29,8 +29,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.bb2b')?.height, '100%');
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98fa.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98fa.md
index b47bbae5ae3..4938fbe2736 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98fa.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98fa.md
@@ -29,8 +29,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(':root')?.getPropertyValue
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98fb.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98fb.md
index 352f3924999..ba2d39f87eb 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98fb.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98fb.md
@@ -58,8 +58,9 @@ assert.match(new __helpers.CSSHelp(document).getStyle(`.bb2b`)?.getPropVal('back
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98fc.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98fc.md
index 92488b625b5..c3e3521192f 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98fc.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98fc.md
@@ -23,8 +23,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(`.bb2b`)?.getPropVal('back
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98fd.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98fd.md
index 8d4b2ede546..6f020e50382 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98fd.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98fd.md
@@ -23,8 +23,9 @@ assert.isEmpty(new __helpers.CSSHelp(document).getStyle(".bb2")?.backgroundColor
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98fe.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98fe.md
index 7764e257519..98485f78315 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98fe.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98fe.md
@@ -71,8 +71,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.bb2a')?.borderRight, "1v
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ff.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ff.md
index f8eebf5d79e..2c2d8e1c084 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ff.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ff.md
@@ -41,8 +41,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(".bb2a")?.borderRight, "5v
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9900.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9900.md
index 733ae7bb5ec..bcc91557710 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9900.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9900.md
@@ -29,8 +29,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(".bb2a")?.borderRight, "5v
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9901.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9901.md
index 3d279e76c00..ee3f2dc2765 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9901.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9901.md
@@ -29,8 +29,9 @@ assert.isEmpty(new __helpers.CSSHelp(document).getStyle(".bb2a")?.borderTop);
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9902.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9902.md
index 88fa233a1d5..1d3fb0de90f 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9902.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9902.md
@@ -35,8 +35,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(".bb2a")?.borderBottom.tri
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9903.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9903.md
index 4b8dc37b91c..a2cc7a5c25f 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9903.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9903.md
@@ -29,8 +29,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(":root")?.getPropertyValue
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9904.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9904.md
index ac59ae36ce6..b03d6b7ccf4 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9904.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9904.md
@@ -51,8 +51,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(".bb3")?.getPropVal('backg
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9905.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9905.md
index bbe4fb152fb..e6d5e7577ea 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9905.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9905.md
@@ -23,8 +23,9 @@ assert.notMatch(code, /\.bb3\s*\{\s*[^}]*?background-color[^}]*?\}/);
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9906.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9906.md
index 65b81d57dc2..896a5f0a10f 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9906.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9906.md
@@ -48,8 +48,9 @@ assert.exists(document.querySelector("div.bb4b + div.bb4c"));
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9907.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9907.md
index e539b04645c..0c9c8044bce 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9907.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9907.md
@@ -53,8 +53,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(".bb4c")?.height, "85%");
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9908.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9908.md
index 64f47b5dba6..e4ab61da8ce 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9908.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9908.md
@@ -41,8 +41,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(".bb4c")?.backgroundColor.
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9909.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9909.md
index 894271b672e..3784fa1af65 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9909.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9909.md
@@ -23,8 +23,9 @@ assert.exists(new __helpers.CSSHelp(document).getStyle(".building-wrap"));
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e990a.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e990a.md
index a64cfcc80ba..45b7199c80b 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e990a.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e990a.md
@@ -53,8 +53,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(".building-wrap")?.alignIt
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e990b.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e990b.md
index 1ad2584640f..155ccff6e00 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e990b.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e990b.md
@@ -29,8 +29,9 @@ assert.exists(document.querySelector("div.bb4.building-wrap"));
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e990c.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e990c.md
index 995b57b1f72..6aec99cfcb0 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e990c.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e990c.md
@@ -29,8 +29,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(":root")?.getPropertyValue
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e990d.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e990d.md
index cdbb9805f93..ceb172833da 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e990d.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e990d.md
@@ -29,8 +29,9 @@ assert.equal(document.querySelectorAll("div.bb4c > div.bb4-window")?.length, 4);
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e990e.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e990e.md
index 8a3873caef7..bbb326c6337 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e990e.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e990e.md
@@ -35,8 +35,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(".bb4-window")?.background
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e990f.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e990f.md
index fc1969b97b2..f738ad04d54 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e990f.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e990f.md
@@ -49,8 +49,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(".window-wrap")?.justifyCo
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9910.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9910.md
index 4f97644930c..75c20c90627 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9910.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9910.md
@@ -23,8 +23,9 @@ assert.exists(document.querySelector("div.bb4c.window-wrap"));
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9911.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9911.md
index 19cb8a839b7..e3df000a98c 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9911.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9911.md
@@ -48,8 +48,9 @@ assert.exists(document.querySelector("div.fb1b + div.fb1c"));
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9912.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9912.md
index 4b302592a62..9020725aa1f 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9912.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9912.md
@@ -41,8 +41,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(".fb1c")?.height, "80%");
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9913.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9913.md
index 8707f34ecff..943f1aca3ea 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9913.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9913.md
@@ -23,8 +23,9 @@ assert.exists(document.querySelector("div.fb1.building-wrap"));
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9914.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9914.md
index 074bbae9b85..653fcbd4a89 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9914.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9914.md
@@ -29,8 +29,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(".fb1b")?.backgroundColor.
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9915.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9915.md
index 6b5f5f0b8f0..bb596fdfe85 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9915.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9915.md
@@ -23,8 +23,9 @@ assert.notMatch(code, /\.fb5\s*\{\s*[^}]*?background-color[^}]*?\}/);
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9916.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9916.md
index a7257513295..85a65d3e49c 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9916.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9916.md
@@ -43,8 +43,9 @@ assert.match(new __helpers.CSSHelp(document).getStyle(".fb1c")?.getPropVal('back
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9917.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9917.md
index 3ff60411256..a1e2ea76c1a 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9917.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9917.md
@@ -46,8 +46,9 @@ assert.match(new __helpers.CSSHelp(document).getStyle(".fb1c")?.getPropVal('back
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9918.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9918.md
index 41d827ff99e..295b13b241a 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9918.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9918.md
@@ -29,8 +29,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(".fb1a")?.borderBottom.tri
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9919.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9919.md
index e56e7e10ab2..4eeb71ec38a 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9919.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9919.md
@@ -29,8 +29,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(".fb1a")?.borderRight, "2v
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e991a.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e991a.md
index ee30e9c57f8..3c6f753d833 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e991a.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e991a.md
@@ -36,8 +36,9 @@ assert.exists(document.querySelector("div.fb2 > div.fb2b"));
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e991b.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e991b.md
index fd1a81836e4..aad25fd2280 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e991b.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e991b.md
@@ -35,8 +35,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(".fb2b")?.height, "75%");
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e991c.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e991c.md
index 0df3678c3af..33824843bb9 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e991c.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e991c.md
@@ -29,8 +29,9 @@ assert.equal(document.querySelectorAll("div.fb2-window")?.length, 3);
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e991d.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e991d.md
index a0e706311ee..5861650c66c 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e991d.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e991d.md
@@ -23,8 +23,9 @@ assert.exists(document.querySelector("div.fb2b.window-wrap"));
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e991e.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e991e.md
index de68d6a4815..56741b7bc86 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e991e.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e991e.md
@@ -35,8 +35,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(".fb2-window")?.background
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e991f.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e991f.md
index 0fff67d26c4..2cd1ed6dd34 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e991f.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e991f.md
@@ -29,8 +29,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(".fb2b")?.backgroundColor.
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9920.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9920.md
index 5969526284c..3f549e3753d 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9920.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9920.md
@@ -35,8 +35,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(".fb2a")?.borderRight, "1v
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9921.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9921.md
index 36b9ae44ffb..833636f364e 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9921.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9921.md
@@ -47,8 +47,9 @@ assert.exists(document.querySelector("div.fb3 :nth-child(4).fb3b"));
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9922.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9922.md
index 1bf64958fe9..5b4541f0d61 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9922.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9922.md
@@ -41,8 +41,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(".fb3b")?.height, "35%");
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9923.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9923.md
index dd5f88b67f1..d9d1e0b1e72 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9923.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9923.md
@@ -35,8 +35,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(".fb3b")?.backgroundColor.
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9924.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9924.md
index 3a57f0538b8..50f85d9662d 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9924.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9924.md
@@ -23,8 +23,9 @@ assert.exists(document.querySelector("div.fb3.building-wrap"));
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9925.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9925.md
index 2d409d9c076..a288d04d7fb 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9925.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9925.md
@@ -29,8 +29,9 @@ assert.equal(document.querySelectorAll("div.fb3-window")?.length, 3)
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9926.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9926.md
index b0f82e148ac..6951937793b 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9926.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9926.md
@@ -35,8 +35,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(".fb3-window")?.background
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9927.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9927.md
index e14f87bfabe..cdee18eaaf9 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9927.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9927.md
@@ -23,8 +23,9 @@ assert.exists(document.querySelector("div.fb3a.window-wrap"));
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9928.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9928.md
index dc791c62edb..5c60eb587ee 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9928.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9928.md
@@ -23,8 +23,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(":root")?.getPropertyValue
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9929.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9929.md
index d6bf07214a1..b50596072f6 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9929.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9929.md
@@ -35,8 +35,9 @@ assert.exists(document.querySelector("div.fb4b"));
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e992a.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e992a.md
index 3c19a418d66..6cab4bddb37 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e992a.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e992a.md
@@ -29,8 +29,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(".fb4b")?.height, "89%");
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e992b.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e992b.md
index 67cc329a171..edd7a9188b8 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e992b.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e992b.md
@@ -29,8 +29,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(".fb4b")?.backgroundColor.
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e992c.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e992c.md
index a5dd2dfad9b..da0e9bd34b2 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e992c.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e992c.md
@@ -29,8 +29,9 @@ assert.equal(document.querySelectorAll("div.fb4-window")?.length, 6);
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e992d.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e992d.md
index e79b8c12e2c..c668e3b8e7d 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e992d.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e992d.md
@@ -35,8 +35,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(".fb4-window")?.borderRadi
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e992e.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e992e.md
index d7cea93f317..f51dbb56b9e 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e992e.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e992e.md
@@ -29,8 +29,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(".fb4-window")?.margin, "1
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e992f.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e992f.md
index 9e4641ef0e6..866ce66b959 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e992f.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e992f.md
@@ -29,8 +29,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(".fb4b")?.flexWrap, "wrap"
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9930.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9930.md
index 6392a57a79f..ff7963f4ce3 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9930.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9930.md
@@ -29,8 +29,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(".fb4a")?.borderLeft.trim(
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9931.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9931.md
index f00ad072aaf..65b2c88da57 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9931.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9931.md
@@ -23,8 +23,9 @@ assert.notMatch(code, /\.fb6\s*\{\s*[^}]*?background-color[^}]*?\}/);
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9932.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9932.md
index 3af332e6ddc..55ff904bfca 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9932.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9932.md
@@ -41,8 +41,9 @@ assert.match(new __helpers.CSSHelp(document).getStyle(".fb5")?.getPropVal('backg
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9933.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9933.md
index e3399bcde6c..a0bfbf566ef 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9933.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9933.md
@@ -41,8 +41,9 @@ assert.match(new __helpers.CSSHelp(document).getStyle(".fb5")?.getPropVal('backg
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9934.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9934.md
index ab13d7e9e5b..42051059806 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9934.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9934.md
@@ -41,8 +41,9 @@ assert.match(new __helpers.CSSHelp(document).getStyle(".fb6")?.getPropVal('backg
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9935.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9935.md
index 33cf8d633b0..92968192eac 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9935.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9935.md
@@ -35,8 +35,9 @@ assert.match(new __helpers.CSSHelp(document).getStyle(".fb6")?.getPropVal('backg
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9936.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9936.md
index d929626a472..1e6066371f1 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9936.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9936.md
@@ -23,8 +23,9 @@ assert.isEmpty(new __helpers.CSSHelp(document).getStyle("*")?.border);
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9937.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9937.md
index c4ee1bfdd59..f38db5df6e5 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9937.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9937.md
@@ -23,8 +23,9 @@ assert.exists(document.querySelector("div.background-buildings.sky"));
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9938.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9938.md
index be22fd2a32f..e8fa31aa6fd 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9938.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9938.md
@@ -41,8 +41,9 @@ assert.match(new __helpers.CSSHelp(document).getStyle(".sky")?.background, /radi
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9939.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9939.md
index 572b69e9608..f0ba21b3fc1 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9939.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9939.md
@@ -23,8 +23,9 @@ assert.match(new __helpers.CSSHelp(document).getStyle(".sky")?.background, /radi
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e993a.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e993a.md
index 5b3ca5e9ec4..499c03331bd 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e993a.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e993a.md
@@ -31,8 +31,9 @@ assert.equal(new __helpers.CSSHelp(document).getCSSRules("media")?.[0]?.media?.m
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e993b.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e993b.md
index 46fe4a95642..d66ffafff7f 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e993b.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e993b.md
@@ -31,8 +31,9 @@ assert.match(new __helpers.CSSHelp(document).getRuleListsWithinMedia("(max-width
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e993c.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e993c.md
index e936c9db7eb..0f9b21b007b 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e993c.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e993c.md
@@ -35,8 +35,9 @@ assert.match(new __helpers.CSSHelp(document).getRuleListsWithinMedia("(max-width
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e993d.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e993d.md
index 2cbac58950d..782d8d3db75 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e993d.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e993d.md
@@ -47,8 +47,9 @@ assert.equal(new __helpers.CSSHelp(document).getRuleListsWithinMedia("(max-width
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e993e.md b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e993e.md
index dc613837e7b..b8f0db74d48 100644
--- a/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e993e.md
+++ b/curriculum/challenges/italian/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e993e.md
@@ -43,8 +43,9 @@ assert.equal(new __helpers.CSSHelp(document).getRuleListsWithinMedia("(max-width
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
@@ -452,8 +453,9 @@ body {
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f46ede1ff8fec5ba656b44c.md b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f46ede1ff8fec5ba656b44c.md
index 685caff2b66..51ee6003ab0 100644
--- a/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f46ede1ff8fec5ba656b44c.md
+++ b/curriculum/challenges/japanese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f46ede1ff8fec5ba656b44c.md
@@ -73,6 +73,7 @@ assert(code.match(/\/\*\s*FOOTER\s*\*\//i));
         </section>
       </main>
       <hr class="bottom-line">
+      <footer>
         <p>
           <a href="https://www.freecodecamp.org" target="_blank">Visit our website</a>
         </p>
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/access-an-arrays-contents-using-bracket-notation.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/access-an-arrays-contents-using-bracket-notation.md
index 1874b88e414..cb2eccfa0b5 100644
--- a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/access-an-arrays-contents-using-bracket-notation.md
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/basic-data-structures/access-an-arrays-contents-using-bracket-notation.md
@@ -16,7 +16,7 @@ Quando definimos um array simples como o que vemos abaixo, existem 3 itens nele:
 let ourArray = ["a", "b", "c"];
 ```
 
-Em um array, cada item do array possui um <dfn>índice </dfn>. Esse índice possui dois papéis: é a posição daquele item no array e como você o referencia. No entanto, é importante notar que arrays em JavaScript são <dfn>indexados a partir do zero</dfn>, o que significa que o primeiro elemento do array está, na verdade, na posição ***zero***, e não na primeira. Para recuperar um elemento de um array, nós podemos ao final de um array adicionar um índice encapsulado com colchetes (por exemplo [0]), ou mais comumente, no final de uma variável que faz referência a um objeto array. Isso é conhecido como <dfn>notação de colchetes</dfn>. Por exemplo, se queremos recuperar o `a` de um array `ourArray` e atribuir a uma variável, nós podemos fazer isso com o código a seguir:
+Em um array, cada item do array possui um <dfn>índice </dfn>. Esse índice possui dois papéis: é a posição daquele item no array e como você o referencia. No entanto, é importante notar que arrays em JavaScript são <dfn>indexados a partir do zero</dfn>, o que significa que o primeiro elemento do array está, na verdade, na posição ***zero*** em vez de na posição 1. Para recuperar um elemento de um array, nós podemos ao final de um array adicionar um índice encapsulado com colchetes (por exemplo [0]), ou mais comumente, no final de uma variável que faz referência a um objeto array. Isso é conhecido como <dfn>notação de colchetes</dfn>. Por exemplo, se queremos recuperar o `a` de um array `ourArray` e atribuir a uma variável, nós podemos fazer isso com o código a seguir:
 
 ```js
 let ourVariable = ourArray[0];
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/debugging/catch-use-of-assignment-operator-instead-of-equality-operator.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/debugging/catch-use-of-assignment-operator-instead-of-equality-operator.md
index ebd67f82379..4d09d8cedc5 100644
--- a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/debugging/catch-use-of-assignment-operator-instead-of-equality-operator.md
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/debugging/catch-use-of-assignment-operator-instead-of-equality-operator.md
@@ -8,7 +8,7 @@ dashedName: catch-use-of-assignment-operator-instead-of-equality-operator
 
 # --description--
 
-Programas de ramificação, ou seja, programas que fazem coisas diferentes se certas condições forem atendidas, dependem de instruções `i`, `else if` e `else` em JavaScript. Às vezes a condição verifica se um resultado é igual a um valor.
+Programas de ramificação, ou seja, programas que fazem coisas diferentes se certas condições forem atendidas, dependem de instruções `if`, `else if` e `else` em JavaScript. Às vezes a condição verifica se um resultado é igual a um valor.
 
 Essa lógica é dita da seguinte forma: "se x for igual a y, então ..." o que pode literalmente ser traduzido para código usando o `=`, ou operador de atribuição. Isso leva a um controle de fluxo inesperado no seu programa.
 
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/debugging/use-caution-when-reinitializing-variables-inside-a-loop.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/debugging/use-caution-when-reinitializing-variables-inside-a-loop.md
index f2bf9e5fbda..bf2c3838672 100644
--- a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/debugging/use-caution-when-reinitializing-variables-inside-a-loop.md
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/debugging/use-caution-when-reinitializing-variables-inside-a-loop.md
@@ -8,7 +8,7 @@ dashedName: use-caution-when-reinitializing-variables-inside-a-loop
 
 # --description--
 
-Às vezes é necessário salvar informações, incrementar contadores ou redefinir variáveis dentro de um laço. Um problema em potencial é quando variáveis deveriam ser reinicializadas e, não são, ou vice versa. Isso é particularmente perigoso se você acidentalmente redefinir a variável sendo usada para a a condição de parada, causando um laço infinito.
+Às vezes é necessário salvar informações, incrementar contadores ou redefinir variáveis dentro de um laço. Um problema em potencial é quando variáveis deveriam ser reinicializadas e, não são, ou vice versa. Isso é particularmente perigoso se você acidentalmente redefinir a variável sendo usada para a condição de parada, causando um laço infinito.
 
 Imprimir os valores das variáveis em cada ciclo do seu laço usando `console.log()` pode ajudar a descobrir comportamentos com bugs relacionados a reiniciar ou falhar ao reiniciar uma variável.
 
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/combine-two-arrays-using-the-concat-method.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/combine-two-arrays-using-the-concat-method.md
index fe25f4f3fde..159f3802901 100644
--- a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/combine-two-arrays-using-the-concat-method.md
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/combine-two-arrays-using-the-concat-method.md
@@ -8,7 +8,7 @@ dashedName: combine-two-arrays-using-the-concat-method
 
 # --description--
 
-<dfn>Concatenação</dfn> significa juntar itens de ponta a ponta. Em JavaScript, ambos strings e arrays possuem o método `concat` e ele funciona igualmente para os dois. Para arrays, o método é chamado em uma instância e um segundo array é passado como argumento. `concat` então junta os dois arrays em um só. O método retorna um novo array e deixa os dois originais intactos. Exemplo:
+<dfn>Concatenação</dfn> significa juntar itens de ponta a ponta. Em JavaScript, strings e arrays possuem o método `concat` e ele funciona igualmente para os dois. Para arrays, o método é chamado em uma instância e um segundo array é passado como argumento. `concat` então junta os dois arrays em um só. O método retorna um novo array e deixa os dois originais intactos. Exemplo:
 
 ```js
 [1, 2, 3].concat([4, 5, 6]);
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/understand-the-hazards-of-using-imperative-code.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/understand-the-hazards-of-using-imperative-code.md
index 9f5a8d1c365..c12f54fb8c0 100644
--- a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/understand-the-hazards-of-using-imperative-code.md
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/functional-programming/understand-the-hazards-of-using-imperative-code.md
@@ -10,7 +10,7 @@ dashedName: understand-the-hazards-of-using-imperative-code
 
 Usar programação funcional é um bom hábito. Faz com que o seu código seja fácil de manter e o livra de bugs sorrateiros. Mas antes de fazer a transição, vamos rever uma abordagem imperativa para destacar onde pode haver problemas.
 
-Em português (e vários outros idiomas), o modo verbal imperativo é usado para dar ordens. Da mesma forma, o estilo imperativo em programação é um estilo que dá um conjunto de instruções para um computador realizar uma tarefa.
+Em português (e em vários outros idiomas), o modo verbal imperativo é usado para dar ordens. Da mesma forma, o estilo imperativo em programação é um estilo que dá um conjunto de instruções para um computador realizar uma tarefa.
 
 Essas instruções frequentemente alteram o estado do programa ao atualizar variáveis globais, por exemplo. Um exemplo clássico é escrever um loop `for`, que é explícito ao dar direções para percorrer um array.
 
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/dna-pairing.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/dna-pairing.md
index 11a475f635f..93bbef35ad9 100644
--- a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/dna-pairing.md
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/intermediate-algorithm-scripting/dna-pairing.md
@@ -8,9 +8,9 @@ dashedName: dna-pairing
 
 # --description--
 
-Os pares de fileiras de ADN são constituídos por pares de bases nitrogenadas. Os pares de bases são representados pelos caracteres <em>AT</em> and <em>CG</em>, que formam os blocos de construção da dupla hélice do ADN.
+Os pares de fileiras de DNA são constituídos por pares de bases nitrogenadas. Os pares de bases são representados pelos caracteres <em>AT</em> e <em>CG</em>, que formam os blocos de construção da dupla hélice do DNA.
 
-A fileira do ADN está sem o elemento de que faz par com ele. Escreva uma função que corresponda aos pares de base que faltam para a fileira de ADN fornecida. Para cada caractere na string fornecida, encontre o caractere de par de bases. Retorne os resultados em um array bidimensional.
+A fileira do DNA está sem o elemento de que faz par com ele. Escreva uma função que corresponda aos pares de base que faltam para a fileira de DNA fornecida. Para cada caractere na string fornecida, encontre o caractere de par de bases. Retorne os resultados em um array bidimensional.
 
 Por exemplo, para a entrada `GCG`, retorne `[["G", "C"], ["C","G"], ["G", "C"]]`
 
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/override-inherited-methods.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/override-inherited-methods.md
index eb943a80d4e..2a0fbf9c368 100644
--- a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/override-inherited-methods.md
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/override-inherited-methods.md
@@ -40,7 +40,7 @@ Se você tem uma instância `let duck = new Bird();` e você chamar `duck.eat()`
 
 1.  `duck` => o método `eat()` está definido aqui? Não.
 2.  `Bird` => o método `eat()` está definido aqui? => Sim. Execute isso e pare de procurar.
-3.  `Animal` => `eat()` também é definido, mas o JavaScript parou de procurar antes de chegar a este level.
+3.  `Animal` => `eat()` também é definido, mas o JavaScript parou de procurar antes de chegar a este nível.
 4.  Objeto => JavaScript parou de procurar antes de chegar a este nível.
 
 # --instructions--
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/reset-an-inherited-constructor-property.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/reset-an-inherited-constructor-property.md
index 764ea8b81bf..d9955498cf1 100644
--- a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/reset-an-inherited-constructor-property.md
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/reset-an-inherited-constructor-property.md
@@ -8,7 +8,7 @@ dashedName: reset-an-inherited-constructor-property
 
 # --description--
 
-Quando um objeto herda seu `protótipo` de outro objeto, ele também herda a propriedade construtora do supertipo.
+Quando um objeto herda seu `prototype` de outro objeto, ele também herda a propriedade construtora do supertipo.
 
 Exemplo:
 
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-a-mixin-to-add-common-behavior-between-unrelated-objects.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-a-mixin-to-add-common-behavior-between-unrelated-objects.md
index 5f137fdc5e3..8c3df32abc5 100644
--- a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-a-mixin-to-add-common-behavior-between-unrelated-objects.md
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-a-mixin-to-add-common-behavior-between-unrelated-objects.md
@@ -20,7 +20,7 @@ let flyMixin = function(obj) {
 };
 ```
 
-O `flyMixin` recebe qualquer objeto e da a ele o método `fly`.
+O `flyMixin` recebe qualquer objeto e dá a ele o método `fly`.
 
 ```js
 let bird = {
diff --git a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-closure-to-protect-properties-within-an-object-from-being-modified-externally.md b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-closure-to-protect-properties-within-an-object-from-being-modified-externally.md
index 79dbeeafbc5..13558f204e8 100644
--- a/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-closure-to-protect-properties-within-an-object-from-being-modified-externally.md
+++ b/curriculum/challenges/portuguese/02-javascript-algorithms-and-data-structures/object-oriented-programming/use-closure-to-protect-properties-within-an-object-from-being-modified-externally.md
@@ -10,7 +10,7 @@ dashedName: >-
 
 # --description--
 
-No desafio anterior, `bird` possuía uma propriedade pública `name`. É considerado publico porque ele pode ser acessado e modificado fora da definição de `bird`.
+No desafio anterior, `bird` possuía uma propriedade pública `name`. É considerado público porque ele pode ser acessado e modificado fora da definição de `bird`.
 
 ```js
 bird.name = "Duffy";
diff --git a/curriculum/challenges/portuguese/05-back-end-development-and-apis/mongodb-and-mongoose/install-and-set-up-mongoose.md b/curriculum/challenges/portuguese/05-back-end-development-and-apis/mongodb-and-mongoose/install-and-set-up-mongoose.md
index 34b264085cc..7f8864a8cf8 100644
--- a/curriculum/challenges/portuguese/05-back-end-development-and-apis/mongodb-and-mongoose/install-and-set-up-mongoose.md
+++ b/curriculum/challenges/portuguese/05-back-end-development-and-apis/mongodb-and-mongoose/install-and-set-up-mongoose.md
@@ -34,14 +34,19 @@ mongoose.connect(<Your URI>, { useNewUrlParser: true, useUnifiedTopology: true }
 
 # --hints--
 
-A dependência "mongodb" deve estar no package.json
+A dependência "mongodb version ~3.6.0" deve estar no package.json
 
 ```js
 (getUserInput) =>
   $.get(getUserInput('url') + '/_api/file/package.json').then(
     (data) => {
       var packJson = JSON.parse(data);
-      assert.property(packJson.dependencies, 'mongodb');
+      assert.property(packJson.dependencies, 'mongodb')
+      assert.match(
+        packJson.dependencies.mongodb,
+        /^\~3\.6\.0/,
+        'Wrong version of "mongodb". It should be ~3.6.0'
+      );
     },
     (xhr) => {
       throw new Error(xhr.responseText);
@@ -49,7 +54,7 @@ A dependência "mongodb" deve estar no package.json
   );
 ```
 
-A dependência "mongoose" deve estar no package.json
+A dependência "mongoose version ~5.4.0" deve estar no package.json
 
 ```js
 (getUserInput) =>
@@ -57,6 +62,11 @@ A dependência "mongoose" deve estar no package.json
     (data) => {
       var packJson = JSON.parse(data);
       assert.property(packJson.dependencies, 'mongoose');
+      assert.match(
+        packJson.dependencies.mongoose,
+        /^\~5\.4\.0/,
+        'Wrong version of "mongoose". It should be ~5.4.0'
+      );
     },
     (xhr) => {
       throw new Error(xhr.responseText);
diff --git a/curriculum/challenges/portuguese/06-quality-assurance/quality-assurance-projects/sudoku-solver.md b/curriculum/challenges/portuguese/06-quality-assurance/quality-assurance-projects/sudoku-solver.md
index d04b1f218ce..c037d118dd2 100644
--- a/curriculum/challenges/portuguese/06-quality-assurance/quality-assurance-projects/sudoku-solver.md
+++ b/curriculum/challenges/portuguese/06-quality-assurance/quality-assurance-projects/sudoku-solver.md
@@ -270,7 +270,7 @@ async (getUserInput) => {
 };
 ```
 
-Se o objeto enviado a `/api/check` estiver com `puzzle`, `coordinate` ou `value` faltando, o valor retornado será `{ error: Required field(s) missing }`
+Se o objeto enviado a `/api/check` estiver com `puzzle`, `coordinate` ou `value` faltando, o valor retornado será `{ error: 'Required field(s) missing' }`
 
 ```js
 async (getUserInput) => {
diff --git a/curriculum/challenges/portuguese/10-coding-interview-prep/rosetta-code/sedols.md b/curriculum/challenges/portuguese/10-coding-interview-prep/rosetta-code/sedols.md
index 67fb4ecabde..1486976d8ab 100644
--- a/curriculum/challenges/portuguese/10-coding-interview-prep/rosetta-code/sedols.md
+++ b/curriculum/challenges/portuguese/10-coding-interview-prep/rosetta-code/sedols.md
@@ -12,7 +12,7 @@ A <abbr title="Stock Exchange Daily Official List">SEDOL</abbr> é uma lista de
 
 A <abbr title="Stock Exchange Daily Official List">A SEDOL</abbr> funciona como o Número de Identificação dos Valores Mobiliários Nacionais para todos os valores mobiliários emitidos no Reino Unido e portanto também fazem parte da <abbr title="International Securities Identification Number">ISIN</abbr> de segurança. O Masterfile da <abbr title="Stock Exchange Daily Official List">SEDOL</abbr> fornece dados de referência a milhões de seguros multiativos globais, cada um identificado exclusivamente no nível de mercado usando um código universal do <abbr title="Stock Exchange Daily Official List">SEDOL</abbr>.
 
-Para cada lista de números de SEDOLs de 6 algarismos, calcule e anexe o algarismo da soma de verificação (checksum). Ou seja, dada a string de entrada à esquerda, a função deve retornar a string correspondente à direita:
+Para cada lista de números de SEDOLs de 6 algarismos, calcule e anexe o algarismo da soma de verificação (`checkSum`). Ou seja, dada a string de entrada à esquerda, a função deve retornar a string correspondente à direita:
 
 <pre>
 710889 => 7108899
@@ -68,8 +68,9 @@ assert(sedol('228276') === '2282765');
 
 ```js
 function sedol(input) {
+  const checkSum = 0
 
-  return true;
+  return checkSum;
 }
 ```
 
@@ -94,7 +95,7 @@ function sedolCheckDigit(char6) {
   for (let i = 0; i < char6.length; i++) {
     sum += weight[i] * parseInt(char6.charAt(i), 36);
   }
-  const check = (10 - (sum % 10)) % 10;
-  return check.toString();
+  const checkSum = (10 - (sum % 10)) % 10;
+  return checkSum.toString();
 }
 ```
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f46ede1ff8fec5ba656b44c.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f46ede1ff8fec5ba656b44c.md
index bbf6a7cee9b..d7e32d67830 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f46ede1ff8fec5ba656b44c.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-basic-css-by-building-a-cafe-menu/5f46ede1ff8fec5ba656b44c.md
@@ -73,6 +73,7 @@ assert(code.match(/\/\*\s*FOOTER\s*\*\//i));
         </section>
       </main>
       <hr class="bottom-line">
+      <footer>
         <p>
           <a href="https://www.freecodecamp.org" target="_blank">Visit our website</a>
         </p>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-animation-by-building-a-ferris-wheel/6140c7e645d8e905819f1dd4.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-animation-by-building-a-ferris-wheel/6140c7e645d8e905819f1dd4.md
index 20ba996bf3f..17ff45e3c46 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-animation-by-building-a-ferris-wheel/6140c7e645d8e905819f1dd4.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-animation-by-building-a-ferris-wheel/6140c7e645d8e905819f1dd4.md
@@ -39,10 +39,10 @@ Você deve fechar a declaração `DOCTYPE` com um `>` após o tipo.
 assert(code.match(/<!DOCTYPE\s+html\s*>/gi));
 ```
 
-O elemento `html` deve ter uma tag de abertura.
+O elemento `html` deve ter uma tag de abertura com um atributo `lang` de `en`.
 
 ```js
-assert(code.match(/<html\s*>/gi));
+assert(code.match(/<html\s+lang\s*=\s*('|")en\1\s*>/gi));
 ```
 
 O elemento `html` deve ter uma tag de fechamento.
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61695197ac34f0407e339882.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61695197ac34f0407e339882.md
index 5a4833716b5..53403f630ad 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61695197ac34f0407e339882.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-colors-by-building-a-set-of-colored-markers/61695197ac34f0407e339882.md
@@ -9,7 +9,7 @@ dashedName: step-1
 
 Como você já viu nos projetos anteriores, as páginas da Web devem começar com uma declaração `DOCTYPE html`, seguida de um elemento `html`.
 
-Adicione uma declaração `DOCTYPE html` no topo do documento e um elemento `html` depois disso.
+Adicione uma declaração `DOCTYPE html` no topo do documento e um elemento `html` depois disso. Dê ao elemento `html` um atributo `lang` com o valor `en`.
 
 # --hints--
 
@@ -37,10 +37,10 @@ Você deve fechar a declaração `DOCTYPE` com um `>` após o tipo.
 assert(code.match(/<!DOCTYPE\s+html\s*>/gi));
 ```
 
-O elemento `html` deve ter uma tag de abertura.
+O elemento `html` deve ter uma tag de abertura com um atributo `lang` de `en`.
 
 ```js
-assert(code.match(/<html\s*>/gi));
+assert(code.match(/<html\s+lang\s*=\s*('|")en\1\s*>/gi));
 ```
 
 O elemento `html` deve ter uma tag de fechamento.
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/619665c9abd72906f3ad30f9.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/619665c9abd72906f3ad30f9.md
index ebc3f7e8269..53c34c7f5f3 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/619665c9abd72906f3ad30f9.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-transforms-by-building-a-penguin/619665c9abd72906f3ad30f9.md
@@ -25,6 +25,18 @@ O código deve ter um elemento `html`.
 assert.equal(document.querySelectorAll('html')?.length, 1);
 ```
 
+O elemento `html` deve ter uma tag de abertura com um atributo `lang` de `en`.
+
+```js
+assert(code.match(/<html\s+lang\s*=\s*('|")en\1\s*>/gi));
+```
+
+O elemento `html` deve ter uma tag de fechamento.
+
+```js
+assert(code.match(/<\/html\s*>/gi));
+```
+
 O código deve ter um elemento `head` dentro do elemento `html`.
 
 ```js
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ca.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ca.md
index 27d5704938e..38263074b10 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ca.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ca.md
@@ -7,7 +7,7 @@ dashedName: step-2
 
 # --description--
 
-Adicione as tags de abertura e fechamento de `html` abaixo do `DOCTYPE` para que você tenha um lugar para começar a colocar algum código.
+Adicione as tags de abertura e fechamento de `html` abaixo do `DOCTYPE` para que você tenha um lugar para começar a colocar algum código. Não se esqueça de definir o idioma.
 
 # --hints--
 
@@ -17,10 +17,10 @@ A declaração `DOCTYPE` deve estar no ínicio do HTML.
 assert(__helpers.removeHtmlComments(code).match(/^\s*<!DOCTYPE\s+html\s*>/i));
 ```
 
-O elemento `html` deve ter uma tag de abertura.
+O elemento `html` deve ter uma tag de abertura e um atributo `lang` com o valor de `en`.
 
 ```js
-assert(code.match(/<html\s*>/gi));
+assert(code.match(/<html\s+lang\s*=\s*('|")en\1\s*>/gi));
 ```
 
 O elemento `html` deve ter uma tag de fechamento.
@@ -32,7 +32,7 @@ assert(code.match(/<\/html\s*>/));
 As tags `html` devem estar na ordem correta.
 
 ```js
-assert(code.match(/<html\s*>\s*<\/html\s*>/));
+assert(code.match(/<html\s+lang\s*=\s*('|")en\1\s*>\s*<\/html\s*>/));
 ```
 
 Você deve ter apenas um elemento `html`.
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98cb.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98cb.md
index eb8ec4a4fde..357c968d21c 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98cb.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98cb.md
@@ -60,7 +60,7 @@ assert([...document.querySelector('html').children].some(x => x.localName === 'b
 ```html
 <!DOCTYPE html>
 --fcc-editable-region--
-<html>
+<html lang="en">
 
 </html>
 --fcc-editable-region--
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98cc.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98cc.md
index 5a21d7c3329..3f161b8bf82 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98cc.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98cc.md
@@ -7,10 +7,22 @@ dashedName: step-4
 
 # --description--
 
-Adicione um elemento `title` ao `head` e dê ao seu projeto um título de `City Skyline`. Da mesma forma, aninhe um elemento `link` de fechamento automático ao elemento `head`. Dê a ele o valor do atributo `rel` de `stylesheet` e o valor do atributo `href` de `styles.css`.
+Dentro de `head`, aninhe um elemento `meta` com um `charset` de `UTF-8`, um elemento `title` com o título `City Skyline` e um elemento `link` que faça a associação ao arquivo `styles.css`.
 
 # --hints--
 
+Você deve criar um elemento `meta` ao redor do elemento `head`.
+
+```js
+assert.exists(document.querySelector('head > meta'));
+```
+
+Você deve dar à tag `meta` um `charset` de `UTF-8`.
+
+```js
+assert.equal(document.querySelector('head > meta')?.getAttribute('charset')?.toLowerCase(), 'utf-8');
+```
+
 O código deve ter um elemento `title`.
 
 ```js
@@ -51,7 +63,7 @@ const heads = document.querySelectorAll('head');
 assert.equal(heads?.length, 1);
 ```
 
-O elemento `link` deve ser um elemento de fechamento automático.
+O elemento `link` deve ser de fechamento automático.
 
 ```js
 assert(code.match(/<link[\w\W\s]+\/>/i));
@@ -63,7 +75,7 @@ O elemento `link` deve estar dentro do elemento `head`.
 assert(code.match(/<head>[\w\W\s]*<link[\w\W\s]*\/>[\w\W\s]*<\/head>/i))
 ```
 
-O elemento `link` deve ter um atributo `rel` com o valor `stylesheet`.
+O elemento `link` deve ter o atributo `rel` com o valor `stylesheet`.
 
 ```js
 assert.match(code, /<link[\s\S]*?rel=('|"|`)stylesheet\1/)
@@ -81,7 +93,7 @@ assert.match(code, /<link[\s\S]*?href=('|"|`)(\.\/)?styles\.css\1/)
 
 ```html
 <!DOCTYPE html>
-<html>
+<html lang="en">
 --fcc-editable-region--
   <head>
 
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98cd.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98cd.md
index 3c7f80e3064..471a680d5e0 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98cd.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98cd.md
@@ -36,8 +36,9 @@ assert.equal(astStyles?.border, '1px solid black');
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ce.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ce.md
index 0e4b315c65a..d44370b0c22 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ce.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ce.md
@@ -37,8 +37,9 @@ assert.equal(astStyles.boxSizing, 'border-box');
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98cf.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98cf.md
index cf6aff5bec4..541fc29d751 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98cf.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98cf.md
@@ -42,8 +42,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('body')?.overflow, 'hidden
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d0.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d0.md
index 1f575f14ac3..dcee0b4d403 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d0.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d0.md
@@ -35,8 +35,9 @@ assert([...document.querySelector('div')?.classList]?.includes('background-build
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d1.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d1.md
index 8b13e072d3d..1df687f36aa 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d1.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d1.md
@@ -35,8 +35,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.background-buildings')?.
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d2.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d2.md
index 25236433a64..c8a211e7fdf 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d2.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d2.md
@@ -47,8 +47,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.bb1')?.height, '70%');
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d3.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d3.md
index 6904c340339..8a968e0dcff 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d3.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d3.md
@@ -62,8 +62,9 @@ assert.equal(document.querySelectorAll('div.bb1 > div')?.length, 4);
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d4.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d4.md
index 9b8a7da93e5..c95c75a31f0 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d4.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d4.md
@@ -89,8 +89,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.bb1d')?.height, '70%');
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d5.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d5.md
index f8afde2a817..afb3a5c0b4d 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d5.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d5.md
@@ -46,8 +46,9 @@ assert.equal(bb1Style?.alignItems, 'center');
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d6.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d6.md
index 2b0f0182849..c568a002101 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d6.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d6.md
@@ -35,8 +35,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.bb1')?.getPropertyValue(
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d7.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d7.md
index 5e5c6461e9e..6fdb1d22ed6 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d7.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d7.md
@@ -29,8 +29,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.bb1a')?.getPropVal('back
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d8.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d8.md
index aab913d50c4..64143e1a74b 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d8.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d8.md
@@ -53,8 +53,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.bb1d')?.getPropVal('back
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d9.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d9.md
index 1e2869d8833..3020a5c2dbd 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d9.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98d9.md
@@ -23,8 +23,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.bb1')?.getPropertyValue(
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98da.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98da.md
index dee0ce2906a..a6c18b90d98 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98da.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98da.md
@@ -56,8 +56,9 @@ assert(__t('div.bb1','bb2') && __t('div.bb2','bb3') && __t('div.bb3','bb4'));
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98db.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98db.md
index 6e228926114..6897ca4b2d2 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98db.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98db.md
@@ -53,8 +53,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.bb4')?.height, '58%');
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98dc.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98dc.md
index 51739afb6fd..7cd9c5136eb 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98dc.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98dc.md
@@ -35,8 +35,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.background-buildings')?.
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98dd.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98dd.md
index 8d96facd7a2..10d673bf0ff 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98dd.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98dd.md
@@ -45,8 +45,9 @@ assert.equal(document.querySelectorAll('div')?.length, 14);
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98de.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98de.md
index 360f4892143..e125b5f75a7 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98de.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98de.md
@@ -41,8 +41,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.bb2')?.getPropVal('backg
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98df.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98df.md
index 6de61bf2a33..9473ae49df5 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98df.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98df.md
@@ -23,8 +23,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.bb2')?.getPropVal('backg
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e0.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e0.md
index 8465bd96532..42bf3cc7395 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e0.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e0.md
@@ -41,8 +41,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.bb3')?.getPropVal('backg
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e1.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e1.md
index a44b24c0526..dca18f32e3e 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e1.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e1.md
@@ -49,8 +49,9 @@ assert.isEmpty(new __helpers.CSSHelp(document).getStyle('.bb1')?.getPropertyValu
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e2.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e2.md
index b573a3c35e0..dfe370308f6 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e2.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e2.md
@@ -29,8 +29,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.bb3')?.getPropVal('backg
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e3.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e3.md
index 849cbb3626d..8045be55f6b 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e3.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e3.md
@@ -35,8 +35,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.bb4')?.getPropVal('backg
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e4.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e4.md
index 0aebd7ac062..86709e18179 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e4.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e4.md
@@ -35,8 +35,9 @@ assert.exists(document.querySelector('div.foreground-buildings'));
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e5.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e5.md
index f30af8a61eb..3073b93e23a 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e5.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e5.md
@@ -47,8 +47,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.foreground-buildings')?.
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e6.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e6.md
index a075836fab7..8284ecbcdbc 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e6.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e6.md
@@ -73,8 +73,9 @@ assert(__t('div.fb1','fb2') && __t('div.fb2','fb3') && __t('div.fb3','fb4') && _
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e7.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e7.md
index dd319a14769..24024772205 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e7.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e7.md
@@ -125,8 +125,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.fb6')?.height, '38%');
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e8.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e8.md
index 215de0b3329..00f317f35d9 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e8.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e8.md
@@ -35,8 +35,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.foreground-buildings')?.
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e9.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e9.md
index 0ca99e5fa84..38309b7bb24 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e9.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98e9.md
@@ -65,8 +65,9 @@ assert.exists(eitherOr());
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ea.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ea.md
index 6f2b5858710..96992b4dc2f 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ea.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ea.md
@@ -23,8 +23,9 @@ assert.notExists(new __helpers.CSSHelp(document).getStyle('.foreground-buildings
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98eb.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98eb.md
index ac32c112b14..b35b9bb5618 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98eb.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98eb.md
@@ -53,8 +53,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.fb6')?.getPropVal('backg
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ec.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ec.md
index cddaaa9d55e..5cfdadc340f 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ec.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ec.md
@@ -46,8 +46,9 @@ assert.equal(document.querySelectorAll('div')?.length, 26);
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ed.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ed.md
index 12e6a9670d2..32c8120c784 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ed.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ed.md
@@ -41,8 +41,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.fb5')?.right, '10%');
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ee.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ee.md
index f33d8f802e9..9cc90236a46 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ee.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ee.md
@@ -29,8 +29,9 @@ assert(/\/\*\s*FOREGROUND BUILDINGS - "fb" stands for "foreground building"\s*\*
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ef.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ef.md
index 4088bffdb91..31d60beef74 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ef.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ef.md
@@ -29,8 +29,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(':root')?.getPropertyValue
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f0.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f0.md
index 5385f908993..e68ba1fc313 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f0.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f0.md
@@ -50,8 +50,9 @@ assert.include(new __helpers.CSSHelp(document).getStyle('.bb1a')?.getPropVal('ba
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f1.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f1.md
index ae7c145fe7d..6401fe9790c 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f1.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f1.md
@@ -49,8 +49,9 @@ assert.notEmpty(new __helpers.CSSHelp(document).getStyle('.bb1a')?.width);
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f2.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f2.md
index 8ce06514e77..1df5fede1f2 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f2.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f2.md
@@ -60,8 +60,9 @@ assert.notExists(document.querySelector('div.bb1d.bb1-window'));
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f3.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f3.md
index 7cf2b77b78d..9a499687be5 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f3.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f3.md
@@ -47,8 +47,9 @@ assert.isEmpty(new __helpers.CSSHelp(document).getStyle('.bb1c')?.backgroundColo
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f4.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f4.md
index f44a9c77dd8..8b87eaa0bfa 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f4.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f4.md
@@ -57,8 +57,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.bb1d')?.getPropVal('back
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f5.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f5.md
index aadf5c66b6a..025ac320d2d 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f5.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f5.md
@@ -23,8 +23,9 @@ assert.notMatch(code, /\.bb1d\s*\{\s*[^}]*?background-color[^}]*?\}/);
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f6.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f6.md
index 91e5a33b139..2e013cdf29c 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f6.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f6.md
@@ -33,8 +33,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.bb1d')?.getPropVal('back
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f7.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f7.md
index 465e8cfb04f..f8fe0ec2b86 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f7.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f7.md
@@ -29,8 +29,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.bb1d')?.getPropVal('back
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f8.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f8.md
index 59ce3703321..0902629bf90 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f8.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f8.md
@@ -35,8 +35,9 @@ assert.exists(document.querySelector('div.bb2b'));
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f9.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f9.md
index 00481d6292c..fa47f116f78 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f9.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98f9.md
@@ -29,8 +29,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.bb2b')?.height, '100%');
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98fa.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98fa.md
index 8b13ed5ffbd..afcd78eb170 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98fa.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98fa.md
@@ -29,8 +29,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(':root')?.getPropertyValue
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98fb.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98fb.md
index d67d27cfb98..0fe8d97057a 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98fb.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98fb.md
@@ -58,8 +58,9 @@ assert.match(new __helpers.CSSHelp(document).getStyle(`.bb2b`)?.getPropVal('back
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98fc.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98fc.md
index 101599413d0..fb43f07d59a 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98fc.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98fc.md
@@ -23,8 +23,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(`.bb2b`)?.getPropVal('back
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98fd.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98fd.md
index f30d877ebbc..27655b2ca58 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98fd.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98fd.md
@@ -23,8 +23,9 @@ assert.isEmpty(new __helpers.CSSHelp(document).getStyle(".bb2")?.backgroundColor
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98fe.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98fe.md
index 2a75d932542..7c1301df774 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98fe.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98fe.md
@@ -71,8 +71,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle('.bb2a')?.borderRight, "1v
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ff.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ff.md
index 0b019e2952e..eff161ee130 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ff.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e98ff.md
@@ -41,8 +41,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(".bb2a")?.borderRight, "5v
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9900.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9900.md
index 1aba69cb03f..63e44db030c 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9900.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9900.md
@@ -29,8 +29,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(".bb2a")?.borderRight, "5v
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9901.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9901.md
index f9f0b24a096..387985a8a19 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9901.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9901.md
@@ -29,8 +29,9 @@ assert.isEmpty(new __helpers.CSSHelp(document).getStyle(".bb2a")?.borderTop);
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9902.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9902.md
index 9a3b389318e..1d7309877e9 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9902.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9902.md
@@ -35,8 +35,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(".bb2a")?.borderBottom.tri
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9903.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9903.md
index 7e5ee3d0f06..5ad8d2d5588 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9903.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9903.md
@@ -29,8 +29,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(":root")?.getPropertyValue
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9904.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9904.md
index d326f4f0eed..7243a8cd326 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9904.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9904.md
@@ -51,8 +51,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(".bb3")?.getPropVal('backg
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9905.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9905.md
index be243a5ac0d..7543337697b 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9905.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9905.md
@@ -23,8 +23,9 @@ assert.notMatch(code, /\.bb3\s*\{\s*[^}]*?background-color[^}]*?\}/);
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9906.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9906.md
index bc24cc84853..5308e76b24f 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9906.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9906.md
@@ -48,8 +48,9 @@ assert.exists(document.querySelector("div.bb4b + div.bb4c"));
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9907.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9907.md
index e865ca9b339..d9f666a0fa6 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9907.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9907.md
@@ -53,8 +53,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(".bb4c")?.height, "85%");
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9908.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9908.md
index ae41a3dd745..e0f716bb9ba 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9908.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9908.md
@@ -41,8 +41,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(".bb4c")?.backgroundColor.
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9909.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9909.md
index bbf5e9d83f5..d53e8a65da7 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9909.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9909.md
@@ -23,8 +23,9 @@ assert.exists(new __helpers.CSSHelp(document).getStyle(".building-wrap"));
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e990a.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e990a.md
index d17f9fb6213..ce460dc34e1 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e990a.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e990a.md
@@ -53,8 +53,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(".building-wrap")?.alignIt
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e990b.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e990b.md
index d876a47067d..394165d17ac 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e990b.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e990b.md
@@ -29,8 +29,9 @@ assert.exists(document.querySelector("div.bb4.building-wrap"));
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e990c.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e990c.md
index 7557bb4a702..b2d893886ae 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e990c.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e990c.md
@@ -29,8 +29,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(":root")?.getPropertyValue
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e990d.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e990d.md
index ce43246a52b..9ed5f4cb9f0 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e990d.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e990d.md
@@ -29,8 +29,9 @@ assert.equal(document.querySelectorAll("div.bb4c > div.bb4-window")?.length, 4);
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e990e.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e990e.md
index 0138beeae3f..6b606f3d4b3 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e990e.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e990e.md
@@ -35,8 +35,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(".bb4-window")?.background
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e990f.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e990f.md
index 236849c39a2..932a48948c5 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e990f.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e990f.md
@@ -49,8 +49,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(".window-wrap")?.justifyCo
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9910.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9910.md
index db9eba93feb..5eaf9a9e198 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9910.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9910.md
@@ -23,8 +23,9 @@ assert.exists(document.querySelector("div.bb4c.window-wrap"));
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9911.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9911.md
index bdbc8340bb2..9b8ae7948ab 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9911.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9911.md
@@ -48,8 +48,9 @@ assert.exists(document.querySelector("div.fb1b + div.fb1c"));
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9912.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9912.md
index b9edc377dbc..5ab127077a1 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9912.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9912.md
@@ -41,8 +41,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(".fb1c")?.height, "80%");
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9913.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9913.md
index 1dc17022eaa..365a52556eb 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9913.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9913.md
@@ -23,8 +23,9 @@ assert.exists(document.querySelector("div.fb1.building-wrap"));
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9914.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9914.md
index 9e64adf2b02..57d08c4132c 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9914.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9914.md
@@ -29,8 +29,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(".fb1b")?.backgroundColor.
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9915.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9915.md
index dd5c13e4979..eee6bf69fa4 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9915.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9915.md
@@ -23,8 +23,9 @@ assert.notMatch(code, /\.fb5\s*\{\s*[^}]*?background-color[^}]*?\}/);
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9916.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9916.md
index 5280e5f5ec7..b798da4df6b 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9916.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9916.md
@@ -43,8 +43,9 @@ assert.match(new __helpers.CSSHelp(document).getStyle(".fb1c")?.getPropVal('back
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9917.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9917.md
index ea8e326ead1..52252b54a34 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9917.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9917.md
@@ -46,8 +46,9 @@ assert.match(new __helpers.CSSHelp(document).getStyle(".fb1c")?.getPropVal('back
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9918.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9918.md
index b6b85a5416b..d8144589863 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9918.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9918.md
@@ -29,8 +29,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(".fb1a")?.borderBottom.tri
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9919.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9919.md
index 880d77df3a4..82734d0de0d 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9919.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9919.md
@@ -29,8 +29,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(".fb1a")?.borderRight, "2v
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e991a.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e991a.md
index c4f059921e4..09d30016ff5 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e991a.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e991a.md
@@ -36,8 +36,9 @@ assert.exists(document.querySelector("div.fb2 > div.fb2b"));
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e991b.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e991b.md
index 5f3cff401b5..411cc4be9d0 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e991b.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e991b.md
@@ -35,8 +35,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(".fb2b")?.height, "75%");
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e991c.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e991c.md
index 0fa6c6e8ad1..898a39cfc2d 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e991c.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e991c.md
@@ -29,8 +29,9 @@ assert.equal(document.querySelectorAll("div.fb2-window")?.length, 3);
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e991d.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e991d.md
index 7a581b91f67..f0c49cabfd9 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e991d.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e991d.md
@@ -23,8 +23,9 @@ assert.exists(document.querySelector("div.fb2b.window-wrap"));
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e991e.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e991e.md
index dcd764d8b51..3193b4affbc 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e991e.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e991e.md
@@ -35,8 +35,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(".fb2-window")?.background
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e991f.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e991f.md
index 1f550cd7b08..42dedd81eef 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e991f.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e991f.md
@@ -29,8 +29,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(".fb2b")?.backgroundColor.
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9920.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9920.md
index 3098e666b19..0d7101cb85f 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9920.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9920.md
@@ -35,8 +35,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(".fb2a")?.borderRight, "1v
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9921.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9921.md
index aec3db04e87..630955fbf06 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9921.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9921.md
@@ -47,8 +47,9 @@ assert.exists(document.querySelector("div.fb3 :nth-child(4).fb3b"));
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9922.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9922.md
index 1d9594ef6e5..b94f5522d1e 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9922.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9922.md
@@ -41,8 +41,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(".fb3b")?.height, "35%");
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9923.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9923.md
index f14201f9a91..9cebe7674e3 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9923.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9923.md
@@ -35,8 +35,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(".fb3b")?.backgroundColor.
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9924.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9924.md
index 3499b4dff3b..508361bd11b 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9924.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9924.md
@@ -23,8 +23,9 @@ assert.exists(document.querySelector("div.fb3.building-wrap"));
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9925.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9925.md
index 7b632c5854a..719e045299c 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9925.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9925.md
@@ -29,8 +29,9 @@ assert.equal(document.querySelectorAll("div.fb3-window")?.length, 3)
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9926.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9926.md
index 24f3c84fbc2..4d734791eb2 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9926.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9926.md
@@ -35,8 +35,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(".fb3-window")?.background
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9927.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9927.md
index 4f328db59d4..557b90e5e16 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9927.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9927.md
@@ -23,8 +23,9 @@ assert.exists(document.querySelector("div.fb3a.window-wrap"));
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9928.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9928.md
index b0e1b5123ae..dfcbac92baa 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9928.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9928.md
@@ -23,8 +23,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(":root")?.getPropertyValue
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9929.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9929.md
index 3566cba48d2..1ed82b5c4d4 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9929.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9929.md
@@ -35,8 +35,9 @@ assert.exists(document.querySelector("div.fb4b"));
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e992a.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e992a.md
index 20a32eca8bd..e8ccaa001c9 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e992a.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e992a.md
@@ -29,8 +29,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(".fb4b")?.height, "89%");
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e992b.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e992b.md
index 6fb5e0ab83f..8e49ad7ec52 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e992b.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e992b.md
@@ -29,8 +29,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(".fb4b")?.backgroundColor.
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e992c.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e992c.md
index 2325ccc0cfc..8ce8b832b02 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e992c.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e992c.md
@@ -29,8 +29,9 @@ assert.equal(document.querySelectorAll("div.fb4-window")?.length, 6);
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e992d.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e992d.md
index 05ed215be4e..f29d3223bd6 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e992d.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e992d.md
@@ -35,8 +35,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(".fb4-window")?.borderRadi
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e992e.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e992e.md
index 270d2bd74d9..ea68badafa8 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e992e.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e992e.md
@@ -29,8 +29,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(".fb4-window")?.margin, "1
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e992f.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e992f.md
index cd0c06d5cd9..3fab5be2784 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e992f.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e992f.md
@@ -29,8 +29,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(".fb4b")?.flexWrap, "wrap"
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9930.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9930.md
index 596e8d5f529..6239ef5ce9f 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9930.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9930.md
@@ -29,8 +29,9 @@ assert.equal(new __helpers.CSSHelp(document).getStyle(".fb4a")?.borderLeft.trim(
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9931.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9931.md
index 42963121d01..f428212540b 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9931.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9931.md
@@ -23,8 +23,9 @@ assert.notMatch(code, /\.fb6\s*\{\s*[^}]*?background-color[^}]*?\}/);
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9932.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9932.md
index 160ab45da14..02d20832b9e 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9932.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9932.md
@@ -41,8 +41,9 @@ assert.match(new __helpers.CSSHelp(document).getStyle(".fb5")?.getPropVal('backg
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9933.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9933.md
index 6cd1ed942b8..bac27cb13be 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9933.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9933.md
@@ -41,8 +41,9 @@ assert.match(new __helpers.CSSHelp(document).getStyle(".fb5")?.getPropVal('backg
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9934.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9934.md
index 4c8515c9c51..213d5e54f51 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9934.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9934.md
@@ -41,8 +41,9 @@ assert.match(new __helpers.CSSHelp(document).getStyle(".fb6")?.getPropVal('backg
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9935.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9935.md
index 0591dd8b18b..97eb2e2b022 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9935.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9935.md
@@ -35,8 +35,9 @@ assert.match(new __helpers.CSSHelp(document).getStyle(".fb6")?.getPropVal('backg
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9936.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9936.md
index 2fb4c9c8dd2..d691e6cf142 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9936.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9936.md
@@ -23,8 +23,9 @@ assert.isEmpty(new __helpers.CSSHelp(document).getStyle("*")?.border);
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9937.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9937.md
index 2a1b71ab49e..36edcedd3c0 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9937.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9937.md
@@ -23,8 +23,9 @@ assert.exists(document.querySelector("div.background-buildings.sky"));
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9938.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9938.md
index 8b55d10982b..9c8466409d9 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9938.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9938.md
@@ -41,8 +41,9 @@ assert.match(new __helpers.CSSHelp(document).getStyle(".sky")?.background, /radi
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9939.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9939.md
index d9321d2333e..3ae9ca5529e 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9939.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e9939.md
@@ -23,8 +23,9 @@ assert.match(new __helpers.CSSHelp(document).getStyle(".sky")?.background, /radi
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e993a.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e993a.md
index 346674e0e66..b43d6fbe3a6 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e993a.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e993a.md
@@ -31,8 +31,9 @@ assert.equal(new __helpers.CSSHelp(document).getCSSRules("media")?.[0]?.media?.m
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e993b.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e993b.md
index 2e5f70fabe6..cb8a86838a2 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e993b.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e993b.md
@@ -31,8 +31,9 @@ assert.match(new __helpers.CSSHelp(document).getRuleListsWithinMedia("(max-width
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e993c.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e993c.md
index e826a370fc9..751cabec728 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e993c.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e993c.md
@@ -35,8 +35,9 @@ assert.match(new __helpers.CSSHelp(document).getRuleListsWithinMedia("(max-width
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e993d.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e993d.md
index 66d92985ee4..4c132cb63bf 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e993d.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e993d.md
@@ -47,8 +47,9 @@ assert.equal(new __helpers.CSSHelp(document).getRuleListsWithinMedia("(max-width
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e993e.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e993e.md
index 767d5f40d5f..7604c19e502 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e993e.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-css-variables-by-building-a-city-skyline/5d822fd413a79914d39e993e.md
@@ -43,8 +43,9 @@ assert.equal(new __helpers.CSSHelp(document).getRuleListsWithinMedia("(max-width
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
@@ -452,8 +453,9 @@ body {
 
 ```html
 <!DOCTYPE html>
-<html>    
+<html lang="en">    
   <head>
+    <meta charset="UTF-8">
     <title>City Skyline</title>
     <link href="styles.css" rel="stylesheet" />   
   </head>
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804ee.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804ee.md
index 174864310ce..ae1a13295ea 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804ee.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/5ef9b03c81a63668521804ee.md
@@ -9,7 +9,7 @@ dashedName: step-67
 
 Todas as páginas devem começar com `<!DOCTYPE html>`. Essa string especial é conhecida como uma <dfn>declaração</dfn> e garante que o navegador tentará atender às especificações gerais do setor.
 
-Para concluir este projeto, adicione a declaração como a primeira linha do código.
+Adicione essa declaração como a primeira linha do código.
 
 # --hints--
 
@@ -97,70 +97,3 @@ assert(noSpaces.match(/^\<\!DOCTYPEhtml\>\<html/));
 </html>
 ```
 
-# --solutions--
-
-```html
-<!DOCTYPE html>
-<html lang="en">
-  <head>
-    <title>CatPhotoApp</title>
-  </head>
-  <body>
-    <h1>CatPhotoApp</h1>
-    <main>
-      <section>
-        <h2>Cat Photos</h2>
-        <!-- TODO: Add link to cat photos -->
-        <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
-        <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
-      </section>
-      <section>
-        <h2>Cat Lists</h2>
-        <h3>Things cats love:</h3>
-        <ul>
-          <li>cat nip</li>
-          <li>laser pointers</li>
-          <li>lasagna</li>
-        </ul>
-        <figure>
-          <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
-          <figcaption>Cats <em>love</em> lasagna.</figcaption>  
-        </figure>
-        <h3>Top 3 things cats hate:</h3>
-        <ol>
-          <li>flea treatment</li>
-          <li>thunder</li>
-          <li>other cats</li>
-        </ol>
-        <figure>
-          <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
-          <figcaption>Cats <strong>hate</strong> other cats.</figcaption>  
-        </figure>
-      </section>
-      <section>
-        <h2>Cat Form</h2>
-        <form action="https://freecatphotoapp.com/submit-cat-photo">
-          <fieldset>
-            <legend>Is your cat an indoor or outdoor cat?</legend>
-            <label><input id="indoor" type="radio" name="indoor-outdoor" value="indoor" checked> Indoor</label>
-            <label><input id="outdoor" type="radio" name="indoor-outdoor" value="outdoor"> Outdoor</label>
-          </fieldset>
-          <fieldset>
-            <legend>What's your cat's personality?</legend>
-            <label for="loving"><input id="loving" type="checkbox" name="personality" value="loving" checked> Loving</label>
-            <label for="lazy"><input id="lazy" type="checkbox" name="personality" value="lazy"> Lazy</label>
-            <label for="energetic"><input id="energetic" type="checkbox" name="personality" value="energetic"> Energetic</label>
-          </fieldset>
-          <input type="text" name="catphotourl" placeholder="cat photo URL" required>
-          <button type="submit">Submit</button>
-        </form>
-      </section>
-    </main>
-    <footer>
-      <p>
-        No Copyright - <a href="https://www.freecodecamp.org">freeCodeCamp.org</a>
-      </p>
-    </footer>
-  </body>
-</html>
-```
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/62bb4009e3458a128ff57d5d.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/62bb4009e3458a128ff57d5d.md
new file mode 100644
index 00000000000..f4d1ed01a36
--- /dev/null
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-html-by-building-a-cat-photo-app/62bb4009e3458a128ff57d5d.md
@@ -0,0 +1,166 @@
+---
+id: 62bb4009e3458a128ff57d5d
+title: Passo 68
+challengeType: 0
+dashedName: step-68
+---
+
+# --description--
+
+Mais uma coisa. Você deve permitir que as pessoas usem seu idioma nativo. Diga ao navegador para codificar vários idiomas adicionando uma tag `meta` como filha do elemento `head`. Defina o atributo `charset` como `UTF-8`.
+
+# --hints--
+
+Você deve criar um elemento `meta` ao redor do elemento `head`.
+
+```js
+assert.exists(document.querySelector('head > meta'));
+```
+
+Você deve dar à tag `meta` um `charset` de `UTF-8`.
+
+```js
+assert.equal(document.querySelector('head > meta')?.getAttribute('charset')?.toLowerCase(), 'utf-8');
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+<!DOCTYPE html>
+
+<html lang="en">
+--fcc-editable-region--
+  <head>
+    <title>CatPhotoApp</title>
+  </head>
+--fcc-editable-region--
+  <body>
+    <h1>CatPhotoApp</h1>
+    <main>
+      <section>
+        <h2>Cat Photos</h2>
+        <!-- TODO: Add link to cat photos -->
+        <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
+        <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+      </section>
+      <section>
+        <h2>Cat Lists</h2>
+        <h3>Things cats love:</h3>
+        <ul>
+          <li>cat nip</li>
+          <li>laser pointers</li>
+          <li>lasagna</li>
+        </ul>
+        <figure>
+          <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
+          <figcaption>Cats <em>love</em> lasagna.</figcaption>  
+        </figure>
+        <h3>Top 3 things cats hate:</h3>
+        <ol>
+          <li>flea treatment</li>
+          <li>thunder</li>
+          <li>other cats</li>
+        </ol>
+        <figure>
+          <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
+          <figcaption>Cats <strong>hate</strong> other cats.</figcaption>  
+        </figure>
+      </section>
+      <section>
+        <h2>Cat Form</h2>
+        <form action="https://freecatphotoapp.com/submit-cat-photo">
+          <fieldset>
+            <legend>Is your cat an indoor or outdoor cat?</legend>
+            <label><input id="indoor" type="radio" name="indoor-outdoor" value="indoor" checked> Indoor</label>
+            <label><input id="outdoor" type="radio" name="indoor-outdoor" value="outdoor"> Outdoor</label>
+          </fieldset>
+          <fieldset>
+            <legend>What's your cat's personality?</legend>
+            <input id="loving" type="checkbox" name="personality" value="loving" checked> <label for="loving">Loving</label>
+            <input id="lazy" type="checkbox" name="personality" value="lazy"> <label for="lazy">Lazy</label>
+            <input id="energetic" type="checkbox" name="personality" value="energetic"> <label for="energetic">Energetic</label>
+          </fieldset>
+          <input type="text" name="catphotourl" placeholder="cat photo URL" required>
+          <button type="submit">Submit</button>
+        </form>
+      </section>
+    </main>
+    <footer>
+      <p>
+        No Copyright - <a href="https://www.freecodecamp.org">freeCodeCamp.org</a>
+      </p>
+    </footer>
+  </body>
+</html>
+```
+
+# --solutions--
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8">
+    <title>CatPhotoApp</title>
+  </head>
+  <body>
+    <h1>CatPhotoApp</h1>
+    <main>
+      <section>
+        <h2>Cat Photos</h2>
+        <!-- TODO: Add link to cat photos -->
+        <p>Click here to view more <a target="_blank" href="https://freecatphotoapp.com">cat photos</a>.</p>
+        <a href="https://freecatphotoapp.com"><img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."></a>
+      </section>
+      <section>
+        <h2>Cat Lists</h2>
+        <h3>Things cats love:</h3>
+        <ul>
+          <li>cat nip</li>
+          <li>laser pointers</li>
+          <li>lasagna</li>
+        </ul>
+        <figure>
+          <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/lasagna.jpg" alt="A slice of lasagna on a plate.">
+          <figcaption>Cats <em>love</em> lasagna.</figcaption>  
+        </figure>
+        <h3>Top 3 things cats hate:</h3>
+        <ol>
+          <li>flea treatment</li>
+          <li>thunder</li>
+          <li>other cats</li>
+        </ol>
+        <figure>
+          <img src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/cats.jpg" alt="Five cats looking around a field.">
+          <figcaption>Cats <strong>hate</strong> other cats.</figcaption>  
+        </figure>
+      </section>
+      <section>
+        <h2>Cat Form</h2>
+        <form action="https://freecatphotoapp.com/submit-cat-photo">
+          <fieldset>
+            <legend>Is your cat an indoor or outdoor cat?</legend>
+            <label><input id="indoor" type="radio" name="indoor-outdoor" value="indoor" checked> Indoor</label>
+            <label><input id="outdoor" type="radio" name="indoor-outdoor" value="outdoor"> Outdoor</label>
+          </fieldset>
+          <fieldset>
+            <legend>What's your cat's personality?</legend>
+            <label for="loving"><input id="loving" type="checkbox" name="personality" value="loving" checked> Loving</label>
+            <label for="lazy"><input id="lazy" type="checkbox" name="personality" value="lazy"> Lazy</label>
+            <label for="energetic"><input id="energetic" type="checkbox" name="personality" value="energetic"> Energetic</label>
+          </fieldset>
+          <input type="text" name="catphotourl" placeholder="cat photo URL" required>
+          <button type="submit">Submit</button>
+        </form>
+      </section>
+    </main>
+    <footer>
+      <p>
+        No Copyright - <a href="https://www.freecodecamp.org">freeCodeCamp.org</a>
+      </p>
+    </footer>
+  </body>
+</html>
+```
diff --git a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/61fd5a93fd62bb35968adeab.md b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/61fd5a93fd62bb35968adeab.md
index b57ebd36a76..28f192a9c15 100644
--- a/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/61fd5a93fd62bb35968adeab.md
+++ b/curriculum/challenges/portuguese/14-responsive-web-design-22/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/61fd5a93fd62bb35968adeab.md
@@ -23,6 +23,18 @@ O código deve ter um elemento `html`.
 assert.equal(document.querySelectorAll('html')?.length, 1);
 ```
 
+O elemento `html` deve ter uma tag de abertura com um atributo `lang` de `en`.
+
+```js
+assert(code.match(/<html\s+lang\s*=\s*('|")en\1\s*>/gi));
+```
+
+O elemento `html` deve ter uma tag de fechamento.
+
+```js
+assert(code.match(/<\/html\s*>/));
+```
+
 O código deve ter um elemento `head` dentro do elemento `html`.
 
 ```js
@@ -71,7 +83,7 @@ const title = document.querySelector('title');
 assert.exists(title);
 ```
 
-O elemento `title` precisa ter algum texto.
+O elemento `title` deve ter algum texto.
 
 ```js
 const title = document.querySelector('title');
diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/build-a-personal-portfolio-webpage-project/build-a-personal-portfolio-webpage.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/build-a-personal-portfolio-webpage-project/build-a-personal-portfolio-webpage.md
new file mode 100644
index 00000000000..b1f8e0db334
--- /dev/null
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/build-a-personal-portfolio-webpage-project/build-a-personal-portfolio-webpage.md
@@ -0,0 +1,281 @@
+---
+id: bd7158d8c242eddfaeb5bd13
+title: Створіть вебсторінку персонального портфоліо
+challengeType: 14
+forumTopicId: 301143
+dashedName: build-a-personal-portfolio-webpage
+---
+
+# --description--
+
+**Мета:** Створити застосунок, функціонально схожий до <a href="https://personal-portfolio.freecodecamp.rocks" target="_blank" rel="noopener noreferrer nofollow">https://personal-portfolio.freecodecamp.rocks</a>
+
+**Історія користувача:**
+
+1. Портфоліо повинне містити вітальну секцію з `welcome-section` `id`
+1. Вітальна секція повинна містити елемент `h1` з текстом
+1. Портфоліо повинне містити секцію проєктів з `projects` `id`
+1. Секція проєктів повинна містити щонайменше один елемент з `project-tile` `class` для виконання проєкту
+1. Секція проєктів повинна містити щонайменше одне посилання на проєкт
+1. Портфоліо повинне містити навігаційну панель з ідентифікатором `navbar`
+1. Навігаційна панель повинна містити щонайменше одне посилання, завдяки якому можна перейти на інші секції сторінки
+1. Портфоліо повинне містити посилання з ідентифікатором `profile-link`, що відкриває ваш профіль GitHub або freeCodeCamp у новій вкладці
+1. Портфоліо повинне містити щонайменше один медіазапит
+1. Висота вітальної секції повинна дорівнювати висоті вюпорту
+1. Навігаційна панель завжди повинна знаходитись у верхній частині вюпорту
+
+Виконайте розповідь користувача та пройдіть тести, наведені нижче, щоб завершити цей проєкт. Оформте за власним стилем. Щасливого кодування!
+
+**Примітка:** Переконайтеся, що додали `<link rel="stylesheet" href="styles.css">` до HTML для прив'язки з аркушем стилів та застосували CSS
+
+# --hints--
+
+Портфоліо повинне містити секцію «Вітання» з `welcome-section` `id`.
+
+```js
+const el = document.getElementById('welcome-section')
+assert(!!el);
+```
+
+Елемент `#welcome-section` повинен містити елемент `h1`.
+
+```js
+assert.isAbove(
+  document.querySelectorAll('#welcome-section h1').length,
+  0,
+  'Welcome section should contain an h1 element '
+);
+```
+
+Ви не повинні мати порожніх елементів `h1` в межах `#welcome-section`.
+
+```js
+assert.isAbove(
+  document.querySelectorAll('#welcome-section h1')?.[0]?.innerText?.length,
+  0,
+  'h1 element in welcome section should contain your name or camper ' +
+    'name '
+);
+```
+
+Ви повинні мати секцію «Проєкти» з `projects` `id`.
+
+```js
+const el = document.getElementById('projects')
+assert(!!el);
+```
+
+Портфоліо повинне містити щонайменше один елемент з класом `project-tile`.
+
+```js
+assert.isAbove(
+  document.querySelectorAll('#projects .project-tile').length,
+  0
+);
+```
+
+Елемент `#projects` повинен містити щонайменше один елемент `a`.
+
+```js
+assert.isAbove(document.querySelectorAll('#projects a').length, 0);
+```
+
+Портфоліо повинне містити навігаційну панель з `navbar` `id`.
+
+```js
+const el = document.getElementById('navbar');
+assert(!!el);
+```
+
+Елемент `#navbar` повинен містити хоча б один елемент `a`, чий атрибут `href` починається з `#`.
+
+```js
+const links = [...document.querySelectorAll('#navbar a')].filter(
+  (nav) => (nav?.getAttribute('href') || '').substr(0, 1) === '#'
+);
+
+assert.isAbove(
+  links.length,
+  0,
+  'Navbar should contain an anchor link '
+);
+```
+
+Портфоліо повинне містити елемент `a` з `profile-link` `id`.
+
+```js
+const el = document.getElementById('profile-link');
+assert(!!el && el.tagName === 'A')
+```
+
+Елемент `#profile-link` повинен містити атрибут `target` для `_blank`.
+
+```js
+const el = document.getElementById('profile-link');
+assert(!!el && el.target === '_blank')
+```
+
+Портфоліо повинне містити щонайменше один медіазапит.
+
+```js
+const htmlSourceAttr = Array.from(document.querySelectorAll('source')).map(el => el.getAttribute('media'))
+const cssCheck = new __helpers.CSSHelp(document).getCSSRules('media')
+assert(cssCheck.length > 0 || htmlSourceAttr.length > 0);
+```
+
+Елемент `#navbar` завжди повинен знаходитись у верхній частині вюпорту.
+
+```js
+(async () => {
+  const timeout = (milliseconds) => new Promise((resolve) => setTimeout(resolve, milliseconds));
+
+  const navbar = document.getElementById('navbar');
+  assert.approximately(
+    navbar?.getBoundingClientRect().top,
+    0,
+    15,
+    "Navbar's parent should be body and it should be at the top of " +
+    'the viewport '
+  );
+
+  window.scroll(0, 500);
+
+  await timeout(1);
+
+  assert.approximately(
+    navbar?.getBoundingClientRect().top,
+    0,
+    15,
+    'Navbar should be at the top of the viewport even after ' +
+    'scrolling '
+  );
+  window.scroll(0, 0);
+})();
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+```
+
+```css
+
+```
+
+## --solutions--
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <link rel="stylesheet" href="styles.css">
+    <title>Personal Portfolio</title>
+</head>
+<body>
+    <link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet">
+<!--Font Reference-->
+<nav id="navbar">
+  <a href="#projects">Projects</a> |
+  <a href="#contact">Contact me</a>
+</nav>
+<main>
+  <section id="welcome-section">
+    <br>
+    <h1>It's me!</h1>
+    <img src="https://s.cdpn.io/profiles/user/4369153/512.jpg?1587151780" height=100px>
+    <h2>Naomi Carrigan</h2>
+    <p>Welcome to my portfolio page!</p>
+  </section><hr>
+  <section id="projects">
+    <h1>Projects</h1>
+    <h2><a href="https://codepen.io/nhcarrigan">Here's what I've worked on!</a></h2>
+    <p class="project-tile">
+<iframe height="265" style="width: 25;" scrolling="no" title="Algebraic Concepts" src="https://codepen.io/nhcarrigan/embed/preview/NWGrWBR?height=265&theme-id=dark&default-tab=result" frameborder="no" allowtransparency="true" allowfullscreen="true" loading="lazy">
+  See the Pen <a href='https://codepen.io/nhcarrigan/pen/NWGrWBR'>Algebraic Concepts</a> by Naomi Carrigan
+  (<a href='https://codepen.io/nhcarrigan'>@nhcarrigan</a>) on <a href='https://codepen.io'>CodePen</a>.
+</iframe>
+<iframe height="265" style="width: 25;" scrolling="no" title="Pokemon Daycare Service" src="https://codepen.io/nhcarrigan/embed/preview/mdeEbeq?height=265&theme-id=dark&default-tab=result" frameborder="no" allowtransparency="true" allowfullscreen="true" loading="lazy">
+  See the Pen <a href='https://codepen.io/nhcarrigan/pen/mdeEbeq'>Pokemon Daycare Service</a> by Naomi Carrigan
+  (<a href='https://codepen.io/nhcarrigan'>@nhcarrigan</a>) on <a href='https://codepen.io'>CodePen</a>.
+</iframe>
+<iframe height="265" style="width: 25;" scrolling="no" title="Togepi Fan Club" src="https://codepen.io/nhcarrigan/embed/preview/vYNGoBE?height=265&theme-id=dark&default-tab=result" frameborder="no" allowtransparency="true" allowfullscreen="true" loading="lazy">
+  See the Pen <a href='https://codepen.io/nhcarrigan/pen/vYNGoBE'>Togepi Fan Club</a> by Naomi Carrigan
+  (<a href='https://codepen.io/nhcarrigan'>@nhcarrigan</a>) on <a href='https://codepen.io'>CodePen</a>.
+</iframe>
+<iframe height="265" style="width: 25;" scrolling="no" title="Togepi" src="https://codepen.io/nhcarrigan/embed/preview/yLYOWEN?height=265&theme-id=dark&default-tab=result" frameborder="no" allowtransparency="true" allowfullscreen="true" loading="lazy">
+  See the Pen <a href='https://codepen.io/nhcarrigan/pen/yLYOWEN'>Togepi</a> by Naomi Carrigan
+  (<a href='https://codepen.io/nhcarrigan'>@nhcarrigan</a>) on <a href='https://codepen.io'>CodePen</a>.
+</iframe>
+    </p></section><hr>
+  <section id="contact">
+    <h1>Contact me!</h1>
+    <h2>Use the links below to get in touch.</h2>
+    <p><a href="https://www.freecodecamp.org/nhcarrigan" id="profile-link" target="_blank" rel="noopener noreferrer">FreeCodeCamp.org</a> | <a href="https://github.com/nhcarrigan" id="github-link" target="_blank" rel="noopener noreferrer">GitHub</a> | <a href="https://www.facebook.com/nhcarrigan" id="facebook-link" target="_blank" rel="noopener noreferrer">Facebook</a> | <a href="https://www.linkedin.com/in/Naomi-l-carrigan/" id="linkedin-link" target="_blank" rel="noopener noreferrer">LinkedIn</a>
+  </section>
+<footer><a href="../">Return to Project List</a> | <a href="https://www.nhcarrigan.com">Return to HomePage</a></footer>
+</body>
+</html>
+```
+
+```css
+nav{
+  position: fixed;
+  width: 100%;
+  text-align: right;
+  font-size: 24pt;
+  top: 0%;
+  right: 5px;
+  background-color: #000000;
+  color: #ffffff;
+}
+@media (max-width: 500px){
+  nav{
+    display: none;
+  }
+}
+a{
+  color: #ffffff;
+}
+main{
+  text-align: center;
+  background-color: black;
+  font-family:Pacifico
+}
+h1{
+  font-size: 48pt;
+}
+h2{
+  font-size: 24pt;
+}
+p{
+  font-size: 12pt;
+}
+#welcome-section{
+  background-color:#251a4a;
+  color: #FFFFFF;
+  display: table-cell;
+  vertical-align: middle;
+  width: 100vw;
+  height: 100vh;
+}
+#projects{
+  background-color: #060a9c;
+  color: #ffffff;
+  display: table-cell;
+  vertical-align: middle;
+  width: 100vw;
+  height: 100vh;
+}
+#contact{
+  background-color: #03300b;
+  color: #ffffff;
+  display: table-cell;
+  vertical-align: middle;
+  width: 100vw;
+  height: 100vh;
+}
+```
diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/build-a-product-landing-page-project/build-a-product-landing-page.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/build-a-product-landing-page-project/build-a-product-landing-page.md
new file mode 100644
index 00000000000..11739c6f857
--- /dev/null
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/build-a-product-landing-page-project/build-a-product-landing-page.md
@@ -0,0 +1,467 @@
+---
+id: 587d78af367417b2b2512b04
+title: Створіть посадкову сторінку продукту
+challengeType: 14
+forumTopicId: 301144
+dashedName: build-a-product-landing-page
+---
+
+# --description--
+
+**Мета:** Створити застосунок, функціонально схожий до <a href="https://product-landing-page.freecodecamp.rocks" target="_blank" rel="noopener noreferrer nofollow">https://product-landing-page.freecodecamp.rocks</a>
+
+**Історія користувача:**
+
+1. Ваша посадкова сторінка продукту повинна містити елемент `header` з відповідним `id="header"`
+1. Можна побачити зображення в межах елемента `header` з відповідним `id="header-img"` (на місце зображення чудово підійде логотип)
+1. В межах елемента `#header` видно елемент `nav` з відповідним `id="nav-bar"`
+1. Можна побачити щонайменше три активні елементи всередині елемента `nav`, кожен класу `nav-link`
+1. Якщо натиснути на кнопку `.nav-link` в елементі `nav`, ви перейдете на відповідну секцію посадкової сторінки
+1. Вмонтоване відео можна переглянути з `id="video"`
+1. Посадкова сторінка має елемент `form` з відповідним `id="form"`
+1. В межах форми наявне поле `input` з `id="email"`, де можна ввести електронну адресу
+1. Поле введення `#email` повинне містити текст наповнювача, щоб користувач розумів його призначення
+1. Поле введення `#email` використовує перевірку HTML5, щоб переконатись, що введений текст є електронною адресою
+1. В межах форми наявна кнопка `input` для надсилання з відповідним `id="submit"`
+1. Якщо натиснути на елемент `#submit`, електронну пошту надіслано на статистичну сторінку (використовуйте альтернативу URL: `https://www.freecodecamp.com/email-submit`)
+1. Навігаційна панель завжди повинна знаходитись у верхній частині вюпорту
+1. Посадкова сторінка продукту повинна містити щонайменше один медіазапит
+1. Посадкова сторінка продукту повинна використовувати CSS flexbox хоча б раз
+
+Виконайте розповідь користувача та пройдіть тести, наведені нижче, щоб завершити цей проєкт. Оформте за власним стилем. Щасливого кодування!
+
+**Примітка:** Переконайтеся, що додали `<link rel="stylesheet" href="styles.css">` до HTML для прив'язки з аркушем стилів та застосували CSS
+
+# --hints--
+
+Ви повинні мати елемент `header` з `header` `id`.
+
+```js
+const el = document.getElementById('header')
+assert(!!el && el.tagName === 'HEADER')
+```
+
+Ви повинні мати елемент `img` з `header-img` `id`.
+
+```js
+const el = document.getElementById('header-img')
+assert(!!el && el.tagName === 'IMG')
+```
+
+Ваш `#header-img` повинен наслідувати `#header`.
+
+```js
+const els = document.querySelectorAll('#header #header-img')
+assert(els.length > 0)
+```
+
+Ваш `#header-img` повинен мати атрибут `src`.
+
+```js
+const el = document.getElementById('header-img')
+assert(!!el && !!el.src)
+```
+
+Значення `src` `#header-img` повинне бути активним URL (починається з `http`).
+
+```js
+const el = document.getElementById('header-img')
+assert(!!el && /^http/.test(el.src))
+```
+
+Ви повинні мати елемент `nav` з `nav-bar` `id`.
+
+```js
+const el = document.getElementById('nav-bar')
+assert(!!el && el.tagName === 'NAV')
+```
+
+Ваш `#nav-bar` повинен наслідувати `#header`.
+
+```js
+const els = document.querySelectorAll('#header #nav-bar')
+assert(els.length > 0)
+```
+
+Ви повинні мати щонайменше 3 елементи `.nav-link` в межах `#nav-bar`.
+
+```js
+const els = document.querySelectorAll('#nav-bar .nav-link')
+assert(els.length >= 3)
+```
+
+Кожен елемент `.nav-link` повинен мати атрибут `href`.
+
+```js
+const els = document.querySelectorAll('.nav-link')
+els.forEach(el => {
+  if (!el.href) assert(false)
+})
+assert(els.length > 0)
+```
+
+Кожен елемент `.nav-link` повинен посилати на відповідний елемент посадкової сторінки (має `href` зі значенням іншого ідентифікатора, наприклад `#footer`).
+
+```js
+const els = document.querySelectorAll('.nav-link')
+els.forEach(el => {
+  const linkDestination = el.getAttribute('href').slice(1)
+  if (!document.getElementById(linkDestination)) assert(false)
+})
+assert(els.length > 0)
+```
+
+Ви повинні мати елемент `video` або `iframe` з `video` `id`.
+
+```js
+const el = document.getElementById('video')
+assert(!!el && (el.tagName === 'VIDEO' || el.tagName === 'IFRAME'))
+```
+
+Ваше `#video` повинне мати атрибут `src`.
+
+```js
+let el = document.getElementById('video')
+const sourceNode = el.children;
+let sourceElement = null;
+if (sourceNode.length) {
+  sourceElement = [...video.children].filter(el => el.localName === 'source')[0];
+}
+if (sourceElement) {
+  el = sourceElement;
+}
+assert(el.hasAttribute('src'));
+```
+
+Ви повинні мати елемент `form` з `form` `id`.
+
+```js
+const el = document.getElementById('form')
+assert(!!el && el.tagName === 'FORM')
+```
+
+Ви повинні мати елемент `input` з `email` `id`.
+
+```js
+const el = document.getElementById('email')
+assert(!!el && el.tagName === 'INPUT')
+```
+
+Ваш `#email` повинен наслідувати `#form`.
+
+```js
+const els = document.querySelectorAll('#form #email')
+assert(els.length > 0)
+```
+
+Ваш `#email` повинен мати атрибут `placeholder` з текстом заповнювача.
+
+```js
+const el = document.getElementById('email')
+assert(!!el && !!el.placeholder && el.placeholder.length > 0)
+```
+
+Ваш `#email` повинен використовувати перевірку HTML5, встановивши `email` `type`.
+
+```js
+const el = document.getElementById('email')
+assert(!!el && el.type === 'email')
+```
+
+Ви повинні мати елемент `input` з `submit` `id`.
+
+```js
+const el = document.getElementById('submit')
+assert(!!el && el.tagName === 'INPUT')
+```
+
+Ваш `#submit` повинен наслідувати `#form`.
+
+```js
+const els = document.querySelectorAll('#form #submit')
+assert(els.length > 0)
+```
+
+Ваш `#submit` повинен мати `submit` `type`.
+
+```js
+const el = document.getElementById('submit')
+assert(!!el && el.type === 'submit')
+```
+
+Ваше `#form` повинне мати атрибут `action` для `https://www.freecodecamp.com/email-submit`.
+
+```js
+const el = document.getElementById('form')
+assert(!!el && el.action === 'https://www.freecodecamp.com/email-submit')
+```
+
+Ваш `#email` повинен мати атрибут `name` для `email`.
+
+```js
+const el = document.getElementById('email')
+assert(!!el && el.name === 'email')
+```
+
+Ваш `#nav-bar` завжди повинен знаходитись у верхній частині вюпорту.
+
+```js
+(async () => {
+  const timeout = (milliseconds) => new Promise((resolve) => setTimeout(resolve, milliseconds));
+
+  const header = document.getElementById('header');
+  const headerChildren = header.children;
+  const navbarCandidates = [header, ...headerChildren];
+
+  // Return smallest top position of all navbar candidates
+  const getNavbarPosition = (candidates = []) => {
+    return candidates.reduce(
+      (min, candidate) =>
+        Math.min(min, Math.abs(candidate?.getBoundingClientRect().top)),
+      Infinity
+    );
+  };
+  assert.approximately(
+    getNavbarPosition(navbarCandidates),
+    0,
+    15,
+    '#header or one of its children should be at the top of the viewport '
+  );
+
+  window.scroll(0, 500);
+  await timeout(1);
+
+  assert.approximately(
+    getNavbarPosition(navbarCandidates),
+    0,
+    15,
+    '#header or one of its children should be at the top of the ' +
+      'viewport even after scrolling '
+  );
+
+  window.scroll(0, 0);
+})();
+```
+
+Посадкова сторінка продукту повинна містити щонайменше один медіазапит.
+
+```js
+const htmlSourceAttr = Array.from(document.querySelectorAll('source')).map(el => el.getAttribute('media'))
+const cssCheck = new __helpers.CSSHelp(document).getCSSRules('media')
+assert(cssCheck.length > 0 || htmlSourceAttr.length > 0);
+```
+
+Посадкова сторінка продукту повинна використовувати CSS flexbox хоча б раз.
+
+```js
+const stylesheet = new __helpers.CSSHelp(document).getStyleSheet()
+const cssRules = new __helpers.CSSHelp(document).styleSheetToCssRulesArray(stylesheet)
+const usesFlex = cssRules.find(rule => {
+  return rule.style?.display === 'flex' || rule.style?.display === 'inline-flex'
+})
+assert(usesFlex)
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+```
+
+```css
+
+```
+
+## --solutions--
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="stylesheet" href="styles.css" />
+    <title>Product Landing Page</title>
+  </head>
+  <body>
+    <header id="header">
+      <nav id="nav-bar">
+        <img
+          id="header-img"
+          src="https://upload.wikimedia.org/wikipedia/commons/3/39/Pokeball.PNG"
+          max-height="50px"
+        />
+        <a href="#Features" class="nav-link">Features</a> |
+        <a href="#Video" class="nav-link">See our facility!</a> |
+        <a href="#Pricing" class="nav-link">Purchase</a>
+        <hr />
+      </nav>
+    </header>
+    <main>
+      <h1>
+        Pokemon Daycare Service
+      </h1>
+      <section id="Features">
+        <h2>What we offer</h2>
+        <div class="flex-here">
+          <div class="flex-left">
+            <img
+              id="bullet"
+              src="https://upload.wikimedia.org/wikipedia/commons/3/39/Pokeball.PNG"
+              max-height="25px"
+            />
+          </div>
+          <div class="flex-right">Guaranteed friendly and loving staff!</div>
+        </div>
+        <div class="flex-here">
+          <div class="flex-left">
+            <img
+              id="bullet"
+              src="https://upload.wikimedia.org/wikipedia/commons/3/39/Pokeball.PNG"
+              max-height="25px"
+            />
+          </div>
+          <div class="flex-right">
+            Comfortable environment for Pokemon to explore and play!
+          </div>
+        </div>
+        <div class="flex-here">
+          <div class="flex-left">
+            <img
+              id="bullet"
+              src="https://upload.wikimedia.org/wikipedia/commons/3/39/Pokeball.PNG"
+              max-height="25px"
+            />
+          </div>
+          <div class="flex-right">
+            Multiple membership plans to fit your lifestyle!
+          </div>
+        </div>
+      </section>
+      <section id="Video">
+        <h2>Check us out!</h2>
+        A sneak peek into our facility:
+        <br />
+        <iframe
+          id="video"
+          width="520"
+          height="347"
+          src="https://www.youtube.com/embed/Nw-ksH2r6AQ"
+          frameborder="0"
+          allowfullscreen
+          alt="A video tour of our facility"
+        >
+        </iframe>
+      </section>
+      <section id="Pricing">
+        <h2>Membership Plans</h2>
+        <div class="flex-mem">
+          <div class="flex-mem-box">
+            <font size="+2">Basic Membership</font><br />
+            <ul>
+              <li>One Pokemon</li>
+              <li>Food and berries provided</li>
+            </ul>
+            <em>$9.99/month</em>
+          </div>
+          <div class="flex-mem-box">
+            <font size="+2">Silver Membership</font><br />
+            <ul>
+              <li>Up to Three Pokemon</li>
+              <li>Food and berries provided</li>
+              <li>Grooming and accessories included</li>
+            </ul>
+            <em>$19.99/month</em>
+          </div>
+          <div class="flex-mem-box">
+            <font size="+2">Gold Membership</font><br />
+            <ul>
+              <li>Up to six Pokemon!</li>
+              <li>Food and berries provided</li>
+              <li>Grooming and accessories included</li>
+              <li>Personal training for each Pokemon</li>
+              <li>Breeding and egg hatching</li>
+            </ul>
+            <em>$29.99/month</em>
+          </div>
+        </div>
+      </section>
+      <form id="form" action="https://www.freecodecamp.com/email-submit">
+        <p>Sign up for our newsletter!</p>
+        <label for="email"><p>Email:</p><input name="email" id="email" type="email" placeholder="johnsmith@email.com" required></label>
+        <input type="submit" id="submit">
+      </form>
+      <footer>
+        <a href="../">Return to Project List</a> |
+        <a href="https://www.nhcarrigan.com">Return to HomePage</a>
+      </footer>
+    </main>
+  </body>
+</html>
+```
+
+```css
+body {
+  background-color: #3a3240;
+  color: white;
+}
+main {
+  max-width: 750px;
+  margin: 50px auto;
+}
+input {
+  background-color: #92869c;
+}
+a:not(.nav-link) {
+  color: white;
+}
+#header-img {
+  max-height: 25px;
+}
+#nav-bar {
+  position: fixed;
+  width: 100%;
+  text-align: center;
+  top: 0%;
+  background-color: #92869c;
+}
+h1 {
+  text-align: center;
+}
+body {
+  text-align: center;
+}
+footer {
+  text-align: center;
+}
+#bullet {
+  max-height: 25px;
+}
+.flex-here {
+  display: flex;
+  justify-content: center;
+}
+.flex-left {
+  height: 25px;
+}
+.flex-mem {
+  display: flex;
+  justify-content: center;
+}
+.flex-mem-box {
+  background-color: #92869c;
+  border-color: black;
+  border-width: 5px;
+  border-style: solid;
+  margin: 10px;
+  padding: 10px;
+  color: black;
+}
+@media (max-width: 350px) {
+  #video {
+    width: 300;
+    height: 200;
+  }
+}
+```
diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/build-a-survey-form-project/build-a-survey-form.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/build-a-survey-form-project/build-a-survey-form.md
new file mode 100644
index 00000000000..16a68292dcf
--- /dev/null
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/build-a-survey-form-project/build-a-survey-form.md
@@ -0,0 +1,518 @@
+---
+id: 587d78af367417b2b2512b03
+title: Створіть форму для опитування
+challengeType: 14
+forumTopicId: 301145
+dashedName: build-a-survey-form
+---
+
+# --description--
+
+**Мета:** Створити застосунок, функціонально схожий до <a href="https://survey-form.freecodecamp.rocks" target="_blank" rel="noopener noreferrer nofollow">https://survey-form.freecodecamp.rocks</a>
+
+**Історія користувача:**
+
+1. Ви повинні мати заголовок сторінки в елементі `h1` з `title` `id`
+1. Ви повинні мати коротке роз'яснення в елементі `p` з `description` `id`
+1. Ви повинні мати елемент `form` з `survey-form` `id`
+1. В елементі форми вам **потрібно** ввести своє ім'я в полі `input`, яке має `name` `id` та `text` `type`
+1. В елементі форми вам **потрібно** ввести свою електронну пошту в полі `input`, яке має `email` `id`
+1. Якщо ви введете неправильно сформовану електронну адресу, то побачите помилку перевірки HTML5
+1. В формі ви можете ввести число в поле `input`, яке має `number` `id`
+1. Якщо в полі введення чисел ви введете не число, то побачите помилку перевірки HTML5
+1. Якщо ви введете число поза межами діапазону чисел, що визначено атрибутами `min` та `max`, то побачите помилку перевірки HTML5
+1. Для імені, електронної пошти та полів введення чисел можна побачити відповідні елементи `label` в формі, що описує мету кожного поля відповідними ідентифікаторами: `id="name-label"`, `id="email-label"` та `id="number-label"`
+1. Для імені, електронної пошти та полів введення чисел можна побачити текст заповнювача з описом або інструкцією до кожного поля
+1. В елементі форми ви повинні мати випадний елемент `select` з `dropdown` `id` та принаймні два варіанти вибору
+1. В елементі форми ви можете вибрати опцію з групи принаймні двох радіокнопок, які згруповані з використанням атрибуту `name`
+1. В елементі форми ви можете вибрати декілька полів з низки прапорців, кожен з яких повинен мати атрибут `value`
+1. В елементі форми представлено `textarea` для додаткових коментарів
+1. В елементі форми представлено кнопку з `submit` `id` для надсилання всіх введень
+
+Виконайте розповідь користувача та пройдіть тести, наведені нижче, щоб завершити цей проєкт. Оформте за власним стилем. Щасливого кодування!
+
+**Примітка:** Переконайтеся, що додали `<link rel="stylesheet" href="styles.css">` до HTML для прив'язки з аркушем стилів та застосували CSS
+
+# --hints--
+
+Ви повинні мати елемент `h1` з `title` `id`.
+
+```js
+const el = document.getElementById('title')
+assert(!!el && el.tagName === 'H1')
+```
+
+Ваш `#title` не має бути порожнім.
+
+```js
+const el = document.getElementById('title')
+assert(!!el && el.innerText.length > 0)
+```
+
+Ви повинні мати елемент `p` з `description` `id`.
+
+```js
+const el = document.getElementById('description')
+assert(!!el && el.tagName === 'P')
+```
+
+Ваш `#description` не має бути порожнім.
+
+```js
+const el = document.getElementById('description')
+assert(!!el && el.innerText.length > 0)
+```
+
+Ви повинні мати елемент `form` з `survey-form` `id`.
+
+```js
+const el = document.getElementById('survey-form')
+assert(!!el && el.tagName === 'FORM')
+```
+
+Ви повинні мати елемент `input` з `name` `id`.
+
+```js
+const el = document.getElementById('name')
+assert(!!el && el.tagName === 'INPUT')
+```
+
+Ваш `#name` повинен мати `text` `type`.
+
+```js
+const el = document.getElementById('name')
+assert(!!el && el.type === 'text')
+```
+
+Ваш `#name` повинен вимагати введення.
+
+```js
+const el = document.getElementById('name')
+assert(!!el && el.required)
+```
+
+Ваш `#name` повинен наслідувати `#survey-form`.
+
+```js
+const el = document.querySelector('#survey-form #name')
+assert(!!el)
+```
+
+Ви повинні мати елемент `input` з `email` `id`.
+
+```js
+const el = document.getElementById('email')
+assert(!!el && el.tagName === 'INPUT')
+```
+
+Ваш `#email` повинен мати `email` `type`.
+
+```js
+const el = document.getElementById('email')
+assert(!!el && el.type === 'email')
+```
+
+Ваш `#email` повинен вимагати введення.
+
+```js
+const el = document.getElementById('email')
+assert(!!el && el.required)
+```
+
+Ваш `#email` повинен наслідувати `#survey-form`
+
+```js
+const el = document.querySelector('#survey-form #email')
+assert(!!el)
+```
+
+Ви повинні мати елемент `input` з `number` `id`.
+
+```js
+const el = document.getElementById('number')
+assert(!!el && el.tagName === 'INPUT')
+```
+
+Ваш `#number` повинен наслідувати `#survey-form`.
+
+```js
+const el = document.querySelector('#survey-form #number')
+assert(!!el)
+```
+
+Ваш `#number` повинен мати `number` `type`.
+
+```js
+const el = document.getElementById('number')
+assert(!!el && el.type === 'number')
+```
+
+Ваш `#number` повинен мати атрибут `min` з числовим значенням.
+
+```js
+const el = document.getElementById('number')
+assert(!!el && el.min && isFinite(el.min))
+```
+
+Ваш `#number` повинен мати атрибут `max` з числовим значенням.
+
+```js
+const el = document.getElementById('number')
+assert(!!el && el.max && isFinite(el.max))
+```
+
+Ви повинні мати елемент `label` з `name-label` `id`.
+
+```js
+const el = document.getElementById('name-label')
+assert(!!el && el.tagName === 'LABEL')
+```
+
+Ви повинні мати елемент `label` з `email-label` `id`.
+
+```js
+const el = document.getElementById('email-label')
+assert(!!el && el.tagName === 'LABEL')
+```
+
+Ви повинні мати елемент `label` з `number-label` `id`.
+
+```js
+const el = document.getElementById('number-label')
+assert(!!el && el.tagName === 'LABEL')
+```
+
+Ваш `#name-label` не має бути порожнім.
+
+```js
+const el = document.getElementById('name-label')
+assert(!!el && el.innerText.length > 0)
+```
+
+Ваш `#email-label` не має бути порожнім.
+
+```js
+const el = document.getElementById('email-label')
+assert(!!el && el.innerText.length > 0)
+```
+
+Ваш `#number-label` не має бути порожнім.
+
+```js
+const el = document.getElementById('number-label')
+assert(!!el && el.innerText.length > 0)
+```
+
+Ваш `#name-label` повинен наслідувати `#survey-form`.
+
+```js
+const el = document.querySelector('#survey-form #name-label')
+assert(!!el)
+```
+
+Ваш `#email-label` повинен наслідувати `#survey-form`.
+
+```js
+const el = document.querySelector('#survey-form #email-label')
+assert(!!el)
+```
+
+Ваш `#number-label` повинен наслідувати `#survey-form`.
+
+```js
+const el = document.querySelector('#survey-form #number-label')
+assert(!!el)
+```
+
+Ваш `#name` повинен мати атрибут `placeholder` та значення.
+
+```js
+const el = document.getElementById('name')
+assert(!!el && !!el.placeholder && el.placeholder.length > 0)
+```
+
+Ваш `#email` повинен мати атрибут `placeholder` та значення.
+
+```js
+const el = document.getElementById('email')
+assert(!!el && !!el.placeholder && el.placeholder.length > 0)
+```
+
+Ваш `#number` повинен мати атрибут `placeholder` та значення.
+
+```js
+const el = document.getElementById('number')
+assert(!!el && !!el.placeholder && el.placeholder.length > 0)
+```
+
+Ви повинні мати поле `select` з `dropdown` `id`.
+
+```js
+const el = document.getElementById('dropdown')
+assert(!!el && el.tagName === 'SELECT')
+```
+
+Ваш `#dropdown` повинен мати щонайменше два елементи `option` з можливістю вибору (не відключені).
+
+```js
+const els = document.querySelectorAll('#dropdown option:not([disabled])')
+assert(els.length >= 2)
+```
+
+Ваш `#dropdown` повинен наслідувати `#survey-form`.
+
+```js
+const el = document.querySelector('#survey-form #dropdown')
+assert(!!el)
+```
+
+Ви повинні мати щонайменше два елементи `input` з `radio` `type` (радіокнопки).
+
+```js
+const els = document.querySelectorAll('input[type="radio"]')
+assert(els.length >= 2)
+```
+
+Ви повинні мати щонайменше дві радіокнопки, що наслідують `#survey-form`.
+
+```js
+const els = document.querySelectorAll('#survey-form input[type="radio"]')
+assert(els.length >= 2)
+```
+
+Всі радіокнопки повинні мати атрибут `value` та значення.
+
+```js
+const els1 = document.querySelectorAll('input[type="radio"]')
+const els2 = document.querySelectorAll('input[type="radio"][value=""], input[type="radio"]:not([value])')
+assert(els1.length > 0 && els2.length === 0)
+```
+
+Всі радіокнопки повинні мати атрибут `name` та значення.
+
+```js
+const els1 = document.querySelectorAll('input[type="radio"]')
+const els2 = document.querySelectorAll('input[type="radio"][name=""], input[type="radio"]:not([name])')
+assert(els1.length > 0 && els2.length === 0)
+```
+
+В кожній групі радіокнопок повинно бути щонайменше 2 радіокнопки.
+
+```js
+const radioButtons = document.querySelectorAll('input[type="radio"]');
+const groups = {}
+
+if (radioButtons) {
+  radioButtons.forEach(el => {
+    if (!groups[el.name]) groups[el.name] = []
+    groups[el.name].push(el)
+  })
+}
+
+const groupKeys = Object.keys(groups)
+
+groupKeys.forEach(key => {
+  if (groups[key].length < 2) assert(false)
+})
+
+assert(groupKeys.length > 0)
+```
+
+Ви повинні мати щонайменше два елементи `input` з `checkbox` `type` (прапорцями), що наслідують `#survey-form`.
+
+```js
+const els = document.querySelectorAll('#survey-form input[type="checkbox"]');
+assert(els.length >= 2)
+```
+
+Всі прапорці всередині `#survey-form` повинні мати атрибут `value` та значення.
+
+```js
+const els1 = document.querySelectorAll('#survey-form input[type="checkbox"]')
+const els2 = document.querySelectorAll('#survey-form input[type="checkbox"][value=""], #survey-form input[type="checkbox"]:not([value])')
+assert(els1.length > 0 && els2.length === 0)
+```
+
+Ви повинні мати щонайменше один елемент `textarea`, що наслідує `#survey-form`.
+
+```js
+const el = document.querySelector('#survey-form textarea')
+assert(!!el)
+```
+
+Ви повинні мати елемент `input` або `button` з `submit` `id`.
+
+```js
+const el = document.getElementById('submit')
+assert(!!el && (el.tagName === 'INPUT' || el.tagName === 'BUTTON'))
+```
+
+Ваш `#submit` повинен мати `submit` `type`.
+
+```js
+const el = document.getElementById('submit')
+assert(!!el && el.type === 'submit')
+```
+
+Ваш `#submit` повинен наслідувати `#survey-form`.
+
+```js
+const el = document.querySelector('#survey-form #submit')
+assert(!!el)
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+```
+
+```css
+
+```
+
+## --solutions--
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="stylesheet" href="styles.css" />
+    <title>Survey Form</title>
+  </head>
+  <body>
+    <h1>Survey Form</h1>
+    <p>The card below was built as a sample survey form for freeCodeCamp.</p>
+    <main id="main">
+      <h1 id="title">Join the Togepi Fan Club!</h1>
+      <p id="description">
+        Enter your information here to receive updates about club activities,
+        our monthly newsletter, and other email communications.
+      </p>
+      <form id="survey-form" action="#">
+        <label for="name" id="name-label"
+          ><p>Name:</p>
+          <input type="text" id="name" placeholder="e.g. John Smith" required />
+        </label>
+        <label for="email" id="email-label"
+          ><p>Email:</p>
+          <input
+            type="email"
+            id="email"
+            placeholder="e.g. john.smith@email.com"
+            required
+          />
+        </label>
+        <label for="age" id="number-label"
+          ><p>Age<em>(optional)</em>:</p>
+          <input
+            type="number"
+            id="number"
+            placeholder="e.g. 19"
+            min="18"
+            max="99"
+          />
+        </label>
+        <label for="interest" id="interest-label"
+          ><p>What are you most interested in?</p>
+          <select id="dropdown">
+            <option selected disabled hidden></option>
+            <option id="battles">Battling</option>
+            <option id="breeding">Breeding</option>
+            <option id="catching">Completing my Pokedex</option>
+            <option id="exploring">Exploring new regions</option>
+          </select>
+        </label>
+        <p>Who is your favourite Pokemon?</p>
+        <label for="togepi">
+          <input
+            id="togepi"
+            type="radio"
+            name="favorite"
+            value="togepi"
+          />Togepi!
+        </label>
+        <label for="pikachu">
+          <input
+            id="pikachu"
+            type="radio"
+            name="favorite"
+            value="pikachu"
+          />Pikachu
+        </label>
+        <label for="other">
+          <input id="other" type="radio" name="favorite" value="other" />Other
+        </label>
+        <p>Which communications do you want to receive?</p>
+        <label for="newsletter">
+          <input
+            id="newsletter"
+            type="checkbox"
+            name="communications"
+            value="newsletter"
+          />Newsletter
+        </label>
+        <label for="events">
+          <input
+            id="events"
+            type="checkbox"
+            name="communications"
+            value="events"
+          />Event updates
+        </label>
+        <label for="updates">
+          <input
+            id="updates"
+            type="checkbox"
+            name="communications"
+            value="updates"
+          />Club updates
+        </label>
+        <p>Any other information you would like to share?</p>
+        <textarea id="additional-information" rows="4" cols="50">
+You can provide comments, suggestions, or feedback here.</textarea
+        >
+        <p>
+          <em
+            >Please note: This form is a proof of concept. Submitting the form
+            will not actually transmit your data.</em
+          >
+        </p>
+        <button type="Submit" id="submit">Submit</button>
+      </form>
+    </main>
+  </body>
+  <footer>
+    <a href="../">Return to Project List</a> |
+    <a href="https://www.nhcarrigan.com">Return to HomePage</a>
+  </footer>
+</html>
+```
+
+```css
+main {
+  text-align: center;
+  background-color: #92869c;
+  background-blend-mode: lighten;
+  max-width: 500px;
+  margin: 20px auto;
+  border-radius: 50px;
+  box-shadow: 10px 10px rgba(0, 0, 0, 0.5);
+  color: black;
+}
+body {
+  text-align: center;
+  background: #3a3240;
+  color: white;
+}
+input, textarea, select, button {
+  background: #3a3240;
+  color: white;
+}
+a {
+  color: white;
+}
+```
diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/build-a-technical-documentation-page-project/build-a-technical-documentation-page.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/build-a-technical-documentation-page-project/build-a-technical-documentation-page.md
new file mode 100644
index 00000000000..a8a311fb012
--- /dev/null
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/build-a-technical-documentation-page-project/build-a-technical-documentation-page.md
@@ -0,0 +1,529 @@
+---
+id: 587d78b0367417b2b2512b05
+title: Створіть сторінку технічної документації
+challengeType: 14
+forumTopicId: 301146
+dashedName: build-a-technical-documentation-page
+---
+
+# --description--
+
+**Мета:** Створити застосунок, функціонально схожий до <a href="https://technical-documentation-page.freecodecamp.rocks" target="_blank" rel="noopener noreferrer nofollow">https://technical-documentation-page.freecodecamp.rocks</a>
+
+**Історія користувача:**
+
+1. Можна побачити елемент `main` з відповідним ідентифікатором `id="main-doc"`, який має основний вміст сторінки (технічна документація)
+1. В межах елементу `#main-doc` можна побачити декілька елементів `section`, кожен з яких має клас `main-section`. Їх має бути щонайменше п'ять
+1. Перший елемент кожної `.main-section` повинен бути елементом `header`, який має текст, що описує тему секції.
+1. Кожен елемент `section` класу `main-section` також має містити `id`, що відповідає тексту кожного `header`, вміщеного у ньому. Будь-які прогалини слід замінити знаками підкреслення (наприклад, розділ із заголовком «JavaScript and Java» має відповідний `id="JavaScript_and_Java"`)
+1. Елементи `.main-section` повинні містити щонайменше десять елементів `p` загалом (не кожен)
+1. Елементи `.main-section` повинні містити щонайменше п'ять елементів `code` загалом (не кожен)
+1. Елементи `.main-section` повинні містити щонайменше п'ять елементів `li` загалом (не кожен)
+1. Можна побачити елемент `nav` з відповідним `id="navbar"`
+1. Елемент навігаційної панелі повинен містити один елемент `header`, який містить текст, що описує тему технічної документації
+1. Крім того, навігаційна панель має містити елементи посилання (`a`) класу `nav-link`. Має бути по одному для кожного елемента класу `main-section`
+1. Елемент `header` в `#navbar` має йти перед елементами посилання (`a`) у навігаційній панелі
+1. Кожен елемент класу `nav-link` повинен містити текст, який відповідає тексту заголовка `header` у межах кожної `section` (наприклад, якщо у вас є розділ/заголовок «Hello world», ваша навігаційна панель повинна містити елемент, який має текст «Hello world»)
+1. Якщо натиснути на елемент навігаційної панелі, то сторінка має перейти до відповідного розділу елемента `#main-doc` (наприклад, якщо ви натискаєте на елемент `.nav-link`, що містить текст «Hello world», то сторінка скеровує до елементу `section` з тим ідентифікатором, і містить відповідний заголовок)
+1. На пристроях звичайного розміру (портативний комп'ютер, настільний комп'ютер) елемент з `id="navbar"` повинен відображатись ліворуч на екрані та завжди бути видимим для користувача
+1. Ваша технічна документація повинна використовувати принаймні один медіазапит
+
+Виконайте розповідь користувача та пройдіть тести, наведені нижче, щоб завершити цей проєкт. Оформте за власним стилем. Щасливого кодування!
+
+**Примітка:** Переконайтеся, що додали `<link rel="stylesheet" href="styles.css">` до HTML для прив'язки з аркушем стилів та застосували CSS
+
+# --hints--
+
+Ви повинні мати елемент `main` з `main-doc` `id`.
+
+```js
+const el = document.getElementById('main-doc')
+assert(!!el)
+```
+
+Ви повинні мати щонайменше п'ять елементів `section` класу `main-section`.
+
+```js
+const els = document.querySelectorAll('#main-doc section')
+assert(els.length >= 5)
+```
+
+Всі елементи `.main-section` повинні бути елементами `section`.
+
+```js
+const els = document.querySelectorAll('.main-section')
+els.forEach(el => {
+  if (el.tagName !== 'SECTION') assert(false)
+})
+assert(els.length > 0)
+```
+
+Ви повинні мати щонайменше п'ять елементів `.main-section`, які наслідують `#main-doc`.
+
+```js
+const els = document.querySelectorAll('#main-doc .main-section')
+assert(els.length >= 5)
+```
+
+Перший дочірній елемент кожної `.main-section` повинен бути елементом `header`.
+
+```js
+const els = document.querySelectorAll('.main-section')
+els.forEach(el => {
+  if(el.firstElementChild?.tagName !== 'HEADER') assert(false)
+})
+assert(els.length > 0)
+```
+
+Жоден з елементів `header` не має бути порожнім.
+
+```js
+const els = document.querySelectorAll('header')
+els.forEach(el => {
+  if (el.innerText?.length <= 0) assert(false)
+})
+assert(els.length > 0)
+```
+
+Всі елементи `.main-section` повинні мати `id`.
+
+```js
+const els = document.querySelectorAll('.main-section')
+els.forEach(el => {
+  if (!el.id || el.id === '') assert(false)
+})
+assert(els.length > 0)
+```
+
+Кожна `.main-section` повинна мати `id`, що відповідає тексту першого дочірнього елементу з заміною прогалин у тексті на знаки підкреслення (`_`) для ідентифікаторів.
+
+```js
+const els = document.querySelectorAll('.main-section')
+els.forEach(el => {
+  const text = el.firstElementChild?.innerText?.replaceAll(' ', '_')
+  if (el.id?.toUpperCase() !== text?.toUpperCase()) assert(false)
+})
+assert(els.length > 0)
+```
+
+Ви повинні мати щонайменше 10 елементів `p` (сумарно) в межах елементів `.main-section`.
+
+```js
+const els = document.querySelectorAll('.main-section p')
+assert(els.length >= 10)
+```
+
+Ви повинні мати щонайменше п'ять елементів `code`, що наслідують елементи `.main-section`.
+
+```js
+const els = document.querySelectorAll('.main-section code')
+assert(els.length >= 5)
+```
+
+Ви повинні мати щонайменше п'ять елементів `li`, що наслідують елементи `.main-section`.
+
+```js
+const els = document.querySelectorAll('.main-section li')
+assert(els.length >= 5)
+```
+
+Ви повинні мати елемент `nav` з `navbar` `id`.
+
+```js
+const el = document.getElementById('navbar')
+assert(!!el && el.tagName === 'NAV')
+```
+
+Ваш `#navbar` повинен мати один елемент `header` у своїх межах.
+
+```js
+const els = document.querySelectorAll('#navbar header')
+assert(els.length === 1)
+```
+
+Ви повинні мати щонайменше один елемент `a` класу `nav-link`.
+
+```js
+const els = document.querySelectorAll('a.nav-link')
+assert(els.length >= 1)
+```
+
+Всі елементи `.nav-link` повинні бути елементами анкор (`a`).
+
+```js
+const els = document.querySelectorAll('.nav-link')
+els.forEach(el => {
+  if (el.tagName !== 'A') assert(false)
+})
+assert(els.length > 0)
+```
+
+Всі елементи `.nav-link` повинні бути в `#navbar`.
+
+```js
+const els1 = document.querySelectorAll('.nav-link')
+const els2 = document.querySelectorAll('#navbar .nav-link')
+assert(els2.length > 0 && els1.length === els2.length)
+```
+
+Ви повинні мати однакову кількість елементів `.nav-link` та `.main-section`.
+
+```js
+const els1 = document.querySelectorAll('.main-section')
+const els2 = document.querySelectorAll('.nav-link')
+assert(els1.length > 0 && els2.length > 0 && els1.length === els2.length)
+```
+
+Елемент `header` в `#navbar` повинен бути перед елементами посилання (`a`), також в `#navbar`.
+
+```js
+const navLinks = document.querySelectorAll('#navbar a.nav-link');
+const header = document.querySelector('#navbar header');
+navLinks.forEach((navLink) => {
+  if (
+    (
+      header.compareDocumentPosition(navLink) &
+      Node.DOCUMENT_POSITION_PRECEDING
+    ) 
+  ) assert(false)
+});
+assert(!!header)
+```
+
+Кожен `.nav-link` повинен мати текст, який відповідає тексту `header` пов'язаної `section` (наприклад, якщо ви маєте секцію/заголовок «Hello world», ваш `#navbar` повинен мати `.nav-link` з текстом «Hello world»).
+
+```js
+const headerText = Array.from(document.querySelectorAll('.main-section')).map(el =>
+  el.firstElementChild?.innerText?.trim().toUpperCase()
+)
+const linkText = Array.from(document.querySelectorAll('.nav-link')).map(el =>
+  el.innerText?.trim().toUpperCase()
+)
+const remainder = headerText.filter(str => linkText.indexOf(str) === -1)
+assert(headerText.length > 0 && headerText.length > 0 && remainder.length === 0)
+```
+
+Кожен `.nav-link` повинен мати атрибут `href`, що посилає на відповідну `.main-section` (наприклад, якщо натиснути на елемент `.nav-link`, що містить текст «Hello world», сторінка скерує на елемент `section` з таким ідентифікатором).
+
+```js
+const hrefValues = Array.from(document.querySelectorAll('.nav-link')).map(el => el.getAttribute('href'))
+const mainSectionIDs = Array.from(document.querySelectorAll('.main-section')).map(el => el.id)
+const missingHrefValues = mainSectionIDs.filter(str => hrefValues.indexOf('#' + str) === -1)
+assert(hrefValues.length > 0 && mainSectionIDs.length > 0 && missingHrefValues.length === 0)
+```
+
+Ваш `#navbar` завжди повинен знаходитись у верхній частині вюпорту.
+
+```js
+const el = document.getElementById('navbar')
+const left1 = el?.offsetLeft
+const left2 = el?.offsetLeft
+assert(!!el && left1 >= -15 && left1 <= 15 && left2 >= -15 && left2 <= 15)
+```
+
+Ваш проєкт «Технічна документація» повинен використовувати принаймні один медіазапит.
+
+```js
+const htmlSourceAttr = Array.from(document.querySelectorAll('source')).map(el => el.getAttribute('media'))
+const cssCheck = new __helpers.CSSHelp(document).getCSSRules('media')
+assert(cssCheck.length > 0 || htmlSourceAttr.length > 0);
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+```
+
+```css
+
+```
+
+## --solutions--
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="stylesheet" href="styles.css" />
+    <title>Technical Documentation Page</title>
+  </head>
+  <body>
+    <nav id="navbar">
+      <header><br />Algebraic Concepts</header>
+      <hr />
+      <a href="#introduction" class="nav-link">Introduction</a><br />
+      <hr />
+      <a href="#definitions" class="nav-link">Definitions</a><br />
+      <hr />
+      <a href="#examples" class="nav-link">Examples</a><br />
+      <hr />
+      <a href="#solving_equations" class="nav-link">Solving Equations</a><br />
+      <hr />
+      <a href="#solving_equations_ii" class="nav-link">Solving Equations II</a
+      ><br />
+      <hr />
+      <a href="#solving_equations_iii" class="nav-link">Solving Equations III</a
+      ><br />
+      <hr />
+      <a href="#system_of_equations" class="nav-link">System of Equations</a
+      ><br />
+      <hr />
+      <a href="#try_it_yourself!" class="nav-link">Try it Yourself!</a><br />
+      <hr />
+      <a href="#more_information" class="nav-link">More Information</a><br />
+    </nav>
+    <main id="main-doc">
+      <section class="main-section" id="introduction">
+        <header>Introduction</header>
+        <p>
+          Welcome to a basic introduction of algebra. In this tutorial, we will
+          review some of the more common algebraic concepts.
+        </p>
+      </section>
+      <section class="main-section" id="definitions">
+        <header>Definitions</header>
+        <p>
+          To start with, let's define some of the more common terms used in
+          algebra:
+        </p>
+        <ul>
+          <li>
+            <b>Variable:</b> A variable is an unknown value, usually represented
+            by a letter.
+          </li>
+          <li>
+            <b>Expression:</b> Essentially a mathematical object. For the
+            purpose of this tutorial, an expression is one part of an equation.
+          </li>
+          <li>
+            <b>Equation:</b> An equation is a mathematical argument in which two
+            expressions result in the same value.
+          </li>
+        </ul>
+      </section>
+      <section class="main-section" id="examples">
+        <header>Examples</header>
+        <p>
+          Sometimes it is easier to understand the definitions when you have a
+          physical example to look at. Here is an example of the above terms.<br /><br />
+          <code>x + 5 = 12 </code><br /><br />
+          In this above example, we have:
+        </p>
+        <ul>
+          <li><b>Variable:</b> The variable in the example is "x".</li>
+          <li>
+            <b>Expression:</b> There are two expressions in this example. They
+            are "x+5" and "12".
+          </li>
+          <li>
+            <b>Equation:</b> The entire example, "x+5=12", is an equation.
+          </li>
+        </ul>
+      </section>
+      <section class="main-section" id="solving_equations">
+        <header>Solving Equations</header>
+        <p>
+          The primary use for algebra is to determine an unknown value, the
+          "variable", with the information provided. Continuing to use our
+          example from above, we can find the value of the variable "x".<br /><br />
+          <code>x + 5 = 12 </code><br /><br />
+          In an equation, both sides result in the same value. So you can
+          manipulate the two expressions however you need, as long as you
+          perform the same operation (or change) to each side. You do this
+          because the goal when solving an equation is to
+          <b
+            >get the variable into its own expression, or by itself on one side
+            of the = sign.</b
+          ><br />For this example, we want to remove the "+5" so the "x" is
+          alone. To do this, we can <em>subtract 5</em>, because subtraction is
+          the opposite operation to addition. But remember, we have to perform
+          the same operation to both sides of the equation. Now our equation
+          looks like this.<br /><br />
+          <code>x + 5 - 5 = 12 - 5</code><br /><br />
+          The equation looks like a mess right now, because we haven't completed
+          the operations. We can <b>simplify</b> this equation to make it easier
+          to read by performing the operations "5-5" and "12-5". The result
+          is:<br /><br />
+          <code>x = 7</code><br /><br />
+          We now have our solution to this equation!
+        </p>
+      </section>
+      <section class="main-section" id="solving_equations_ii">
+        <header>Solving Equations II</header>
+        <p>
+          Let us look at a slightly more challenging equation.<br /><br />
+          <code>3x + 4 = 13</code><br /><br />
+          Again we can start with subtraction. In this case, we want to subtract
+          4 from each side of the equation. We will also go ahead and simplify
+          with each step. So now we have:<br /><br />
+          <code>3x = 9</code><br /><br />
+          "3x" translates to "3*x", where the "*" symbol indicates
+          multiplication. We use the "*" to avoid confusion, as the "x" is now a
+          variable instead of a multiplication symbol. The opposite operation
+          for multiplication is division, so we need to
+          <b>divide each expression by 3</b>.<br /><br />
+          <code>x = 3</code><br /><br />
+          And now we have our solution!
+        </p>
+      </section>
+      <section class="main-section" id="solving_equations_iii">
+        <header>Solving Equations III</header>
+        <p>
+          Now we are getting in to more complex operations. Here is another
+          equation for us to look at:<br /><br />
+          <code>x^2 - 8 = 8</code><br /><br />
+          Our very first step will be to <b>add</b> 8 to each side. This is
+          different from our previous examples, where we had to subtract. But
+          remember, our goal is to get the variable alone by performing opposite
+          operations.<br /><br />
+          <code>x^2 = 16</code><br /><br />
+          But what does the "^2" mean? The "^" symbol is used to denote
+          exponents in situations where superscript is not available. When
+          superscript <b>is</b> available, you would see it as x<sup>2</sup>.
+          For the sake of this project, however, we will use the "^" symbol.<br />
+          An exponent tells you how many times the base (in our case, "x") is
+          multiplied by itself. So, "x^2" would be the same as "x*x". Now the
+          opposite function of multiplication is division, but we would have to
+          <b>divide both sides by "x"</b>. We do not want to do this, as that
+          would put an "x" on the other side of the equation. So instead, we
+          need to use the root operation! For an exponent of "2", we call this
+          the "square root" and denote it with "√". Our equation is now:
+          <br /><br />
+          <code>x = √9</code><br /><br />
+          Performing a root operation by hand can be a tedious process, so we
+          recommend using a calculator when necessary. However, we are lucky in
+          that "9" is a
+          <a href="https://en.wikipedia.org/wiki/Square_number"
+            >perfect square</a
+          >, so we do not need to calculate anything. Instead, we find our
+          answer to be:<br /><br />
+          <code>x = 3</code>
+        </p>
+      </section>
+      <section class="main-section" id="system_of_equations">
+        <header>System of Equations</header>
+        <p>
+          As you explore your algebra studies further, you may start to run
+          across equations with more than one variable. The first such equations
+          will likely look like:<br /><br />
+          <code>y = 3x</code><br /><br />
+          An equation like this does <b>not have one single solution</b>.
+          Rather, there are a series of values for which the equation is true.
+          For example, if "x=3" and "y=9", the equation is true. These equations
+          are usually used to plot a graph. <br />
+          Getting more complicated, though, you may be given a <b>pair</b> of
+          equations. This is called a "system of equations", and CAN be solved.
+          Let's look at how we do this! Consider the following system of
+          equations:<br /><br />
+          <code>y = 3x | y - 6 = x</code>
+          A system of equations IS solvable, but it is a multi-step process. To
+          get started, we need to chose a variable we are solving for. Let's
+          solve for "x" first. From the second equation, we know that "x" equals
+          "y - 6", but we cannot simplify that further because we do not have a
+          value for "y". Except, thanks to the system of equations, we DO have a
+          value for "y". We know that "y" equals "3x". So, looking at our second
+          equation, we can replace "y" with "3x" because they have the same
+          value. We then get:<br /><br />
+          <code>3x - 6 = x</code><br /><br />
+          Now we can solve for "x"! We start by adding 6 to each side.<br /><br />
+          <code>3x = x + 6</code><br /><br />
+          We still need to get "x" by itself, so we subtract "x" from both sides
+          and get:<br /><br />
+          <code>2x = 6</code><br /><br />
+          If this confuses you, remember that "3x" is the same as "x+x+x".
+          Subtract an "x" from that and you get "x+x", or "2x". Now we divide
+          both sides by 2 and have our value for x!<br /><br />
+          <code>x = 3</code><br /><br />
+          However, our work is not done yet. We still need to find the value for
+          "y". Let's go back to our first equation:<br /><br />
+          <code>y = 3x</code><br /><br />
+          We have a value for "x" now, so let's see what happens if we put that
+          value in.<br /><br />
+          <code>y = 3*3</code><br /><br />
+          We perform the multiplication and discover that "y=9"! Our solution to
+          this system of equations then is:<br /><br />
+          <code>x = 3 and y = 9</code><br /><br />
+        </p>
+      </section>
+      <section class="main-section" id="try_it_yourself!">
+        <header>Try it Yourself!</header>
+        <p>Coming Soon!</p>
+        <p>Keep an eye out for new additions!</p>
+      </section>
+      <section class="main-section" id="more_information">
+        <header>More Information</header>
+        <p>Check out the following links for more information!</p>
+        <ul>
+          <li>
+            <a href="https://www.wolframalpha.com/examples/mathematics/algebra/"
+              >Wolfram Alpha</a
+            >
+            is a great source for multiple mathematic fields.
+          </li>
+          <li>
+            <a href="https://en.wikipedia.org/wiki/Algebra"
+              >Wikipedia's Algebra page</a
+            >
+            for more general information.
+          </li>
+        </ul>
+      </section>
+    </main>
+  </body>
+  <footer>
+    <a href="../">Return to Project List</a> |
+    <a href="https://www.nhcarrigan.com">Return to HomePage</a>
+  </footer>
+</html>
+```
+
+```css
+* {
+  background-color: #3a3240;
+}
+a {
+  color: #92869c;
+}
+a:hover {
+  background-color: #92869c;
+  color: #3a3240;
+}
+#navbar {
+  border-style: solid;
+  border-width: 5px;
+  border-color: #92869c;
+  height: 100%;
+  top: -5px;
+  left: -5px;
+  padding: 5px;
+  text-align: center;
+  color: #92869c
+}
+@media (min-width: 480px) {
+  #navbar {
+    position: fixed;
+  }
+}
+main {
+  margin-left: 220px;
+  color: #92869c
+}
+header {
+  font-size: 20pt;
+}
+code {
+  background-color: #92869c;
+  border-style: dashed;
+  border-width: 2px;
+  border-color: #92869c;
+  padding: 5px;
+  color: black;
+}
+footer {
+  text-align: center;
+}
+```
diff --git a/curriculum/challenges/ukrainian/14-responsive-web-design-22/build-a-tribute-page-project/build-a-tribute-page.md b/curriculum/challenges/ukrainian/14-responsive-web-design-22/build-a-tribute-page-project/build-a-tribute-page.md
new file mode 100644
index 00000000000..9cf7195b31b
--- /dev/null
+++ b/curriculum/challenges/ukrainian/14-responsive-web-design-22/build-a-tribute-page-project/build-a-tribute-page.md
@@ -0,0 +1,325 @@
+---
+id: bd7158d8c442eddfaeb5bd18
+title: Створіть пам'ятну сторінку
+challengeType: 14
+forumTopicId: 301147
+dashedName: build-a-tribute-page
+---
+
+# --description--
+
+**Мета:** Створити застосунок, функціонально схожий до <a href="https://tribute-page.freecodecamp.rocks" target="_blank" rel="noopener noreferrer nofollow">https://tribute-page.freecodecamp.rocks</a>
+
+**Історія користувача:**
+
+1. Ваша пам'ятна сторінка має містити елемент `main` з відповідним `main` `id`, який містить всі інші елементи
+1. Ви повинні бачити елемент з `title` `id`, який містить ряд (текст), що описує предмет пам'ятної сторінки (наприклад, «Доктор Норман Борлаґ»)
+1. Ви повинні побачити елемент `figure` або `div` з `img-div` `id`
+1. В межах елемента `#img-div` ви маєте бачити елемент `img` з відповідним `id="image"`
+1. В межах елемента `#img-div` ви маєте бачити елемент з відповідним `id="img-caption"`, який містить текст, що описує зображення, показане у `#img-div`
+1. Ви маєте бачити елемент з відповідним `id="tribute-info"`, який містить текст, що описує предмет пам'ятної сторінки
+1. Ви маєте бачити елемент з відповідним `id="tribute-link"`, який посилає на зовнішній сайт, що містить додаткову інформацію про предмет пам'ятної сторінки. ПІДКАЗКА: ви повинні надати своєму елементу атрибут `target` і встановити `_blank`, щоб ваше посилання відкривалося у новій вкладці
+1. Ваш `#image` має використовувати властивості `max-width` та `height`, щоб змінювати розмір відповідно до ширини батьківського елемента, не перевищуючи початковий розмір
+1. Ваш елемент `img` повинен бути зцентрованим відповідно до батьківського елемента
+
+Виконайте розповідь користувача та пройдіть тести, наведені нижче, щоб завершити цей проєкт. Оформте за власним стилем. Щасливого кодування!
+
+**Примітка:** Переконайтеся, що додали `<link rel="stylesheet" href="styles.css">` до HTML для прив'язки з аркушем стилів та застосували CSS
+
+# --hints--
+
+Ви повинні мати елемент `main` з `main` `id`.
+
+```js
+const el = document.getElementById('main')
+assert(!!el && el.tagName === 'MAIN')
+```
+
+Ваші `#img-div`, `#image`, `#img-caption`, `#tribute-info` та `#tribute-link` мають наслідувати `#main`.
+
+```js
+const el1 = document.querySelector('#main #img-div')
+const el2 = document.querySelector('#main #image')
+const el3 = document.querySelector('#main #img-caption')
+const el4 = document.querySelector('#main #tribute-info')
+const el5 = document.querySelector('#main #tribute-link')
+assert(!!el1 & !!el2 && !!el3 && !!el4 && !!el5)
+```
+
+Ви повинні мати елемент з `title` `id`.
+
+```js
+const el = document.getElementById('title')
+assert(!!el)
+```
+
+Ваш `#title` не має бути порожнім.
+
+```js
+const el = document.getElementById('title')
+assert(!!el && el.innerText.length > 0)
+
+```
+
+Ви повинні мати елемент `figure` або `div` з `img-div` `id`.
+
+```js
+const el = document.getElementById('img-div')
+assert(!!el && (el.tagName === 'DIV' || el.tagName === 'FIGURE'))
+```
+
+Ви повинні мати елемент `img` з `image` `id`.
+
+```js
+const el = document.getElementById('image')
+assert(!!el && el.tagName === 'IMG')
+```
+
+Ваш `#image` має наслідувати `#img-div`.
+
+```js
+const el = document.querySelector('#img-div #image')
+assert(!!el)
+```
+
+Ви повинні мати елемент `figcaption` або `div` з `img-caption` `id`.
+
+```js
+const el = document.getElementById('img-caption')
+assert(!!el && (el.tagName === 'DIV' || el.tagName === 'FIGCAPTION'))
+```
+
+Ваш `#img-caption` повинен наслідувати `#img-div`.
+
+```js
+const el = document.querySelector('#img-div #img-caption')
+assert(!!el)
+```
+
+Ваш `#img-caption` не має бути порожнім.
+
+```js
+const el = document.getElementById('img-caption')
+assert(!!el && el.innerText.length > 0)
+```
+
+Ви повинні мати елемент з `tribute-info` `id`.
+
+```js
+const el = document.getElementById('tribute-info')
+assert(!!el)
+```
+
+Ваш `#tribute-info` не має бути порожнім.
+
+```js
+const el = document.getElementById('tribute-info')
+assert(!!el && el.innerText.length > 0)
+```
+
+Ви повинні мати елемент `a` з `tribute-link` `id`.
+
+```js
+const el = document.getElementById('tribute-link')
+assert(!!el && el.tagName === 'A')
+```
+
+Ваш `#tribute-link` повинен мати атрибут `href` та значення.
+
+```js
+const el = document.getElementById('tribute-link')
+assert(!!el && !!el.href && el.href.length > 0)
+```
+
+Ваш `#tribute-link` повинен мати атрибут `target` з налаштуванням `_blank`.
+
+```js
+const el = document.getElementById('tribute-link')
+assert(!!el && el.target === '_blank')
+```
+
+Ваш елемент `img` повинен мати `block` `display`.
+
+```js
+const img = document.getElementById('image');
+const imgStyle = window.getComputedStyle(img);
+const style = imgStyle?.getPropertyValue('display')
+assert(style === 'block')
+```
+
+Ваш `#image` повинен мати `100%` `max-width`.
+
+```js
+const img = document.getElementById('image');
+const imgStyle = window.getComputedStyle(img);
+const style = imgStyle?.getPropertyValue('max-width')
+assert(style === '100%')
+```
+
+Ваш `#image` повинен мати `auto` `height`.
+
+```js
+// taken from the testable-projects repo
+const img = document.getElementById('image');
+const imgStyle = window.getComputedStyle(img);
+const oldDisplayValue = imgStyle.getPropertyValue('display');
+const oldDisplayPriority = imgStyle.getPropertyPriority('display');
+img?.style.setProperty('display', 'none', 'important');
+const heightValue = imgStyle?.getPropertyValue('height')
+img?.style.setProperty('display', oldDisplayValue, oldDisplayPriority);
+assert(heightValue === 'auto')
+```
+
+Ваш `#image` повинен бути зцентрованим відповідно до батьківського елемента.
+
+```js
+// taken from the testable-projects repo
+const img = document.getElementById('image'),
+  imgParent = img?.parentElement,
+  imgLeft = img?.getBoundingClientRect().left,
+  imgRight = img?.getBoundingClientRect().right,
+  parentLeft = imgParent?.getBoundingClientRect().left,
+  parentRight = imgParent?.getBoundingClientRect().right,
+  leftMargin = imgLeft - parentLeft,
+  rightMargin = parentRight - imgRight;
+assert(leftMargin - rightMargin < 6 && rightMargin - leftMargin < 6)
+```
+
+# --seed--
+
+## --seed-contents--
+
+```html
+
+```
+
+```css
+
+```
+
+## --solutions--
+
+```html
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <link
+      href="https://fonts.googleapis.com/css?family=Pacifico"
+      rel="stylesheet"
+
+    />
+    <link
+      href="https://fonts.googleapis.com/css?family=Lobster"
+      rel="stylesheet"
+
+    />
+    <link href="styles.css" rel="stylesheet" />
+    <title>Tribute Page</title>
+  </head>
+  <body>
+    <h1>Tribute Page</h1>
+    <p>The below card was designed as a tribute page for freeCodeCamp.</p>
+    <main id="main">
+      <div id="img-div">
+        <img
+          id="image"
+          class="border"
+          src="https://upload.wikimedia.org/wikipedia/en/5/53/Pok%C3%A9mon_Togepi_art.png"
+          alt="An image of Togepi"
+        />
+        <figcaption id="img-caption">Togepi, happy as always.</figcaption>
+      </div>
+      <h2 id="title">Togepi</h2>
+      <hr />
+      <div id="tribute-info">
+        <p>
+          Togepi was first discovered in the Johto region, when Ash Ketchum
+          discovered a mysterious egg. However, when the egg hatched, Togepi saw
+          Ash's friend Misty first and imprinted on her. Like many other
+          creatures, this imprinting process created a bond and Togepi views
+          Misty as his mother.
+        </p>
+        <p>
+          Togepi is a very childlike Pokemon, and is very emotionally
+          expressive. He demonstrates extreme levels of joy and sadness.
+        </p>
+        <hr />
+        <p><u>Battle Information</u></p>
+        <ul style="list-style-type: none">
+          <li>Type: Fairy</li>
+          <li>Evolutions: Togepi -> Togetic -> Togekiss</li>
+          <li>Moves: Growl, Pound, Sweet Kiss, Charm</li>
+          <li>Weaknesses: Poison, Steel</li>
+          <li>Resistances: Dragon</li>
+        </ul>
+        <p>
+          Check out this
+          <a
+            id="tribute-link"
+            href="https://bulbapedia.bulbagarden.net/wiki/Togepi_(Pok%C3%A9mon)"
+            target="_blank"
+            rel="noopener noreferrer"
+            >Bulbapedia article on Togepi</a
+          >
+          for more information on this great Pokemon.
+        </p>
+      </div>
+    </main>
+  </body>
+  <footer>
+    <a href="../">Return to Project List</a> |
+    <a href="https://www.nhcarrigan.com">Return to HomePage</a>
+  </footer>
+</html>
+```
+
+```css
+body {
+  background-color: #3a3240;
+  color: white;
+}
+main {
+  background-color: #92869c;
+  font-family: Lobster;
+  max-width: 500px;
+  margin: 20px auto;
+  color: black;
+  border-radius: 50px;
+  box-shadow: 10px 10px rgba(0, 0, 0, 0.5);
+}
+h2 {
+  text-align: center;
+  font-size: 20pt;
+  font-family: Pacifico;
+}
+body {
+  text-align: center;
+  font-size: 12pt;
+}
+footer {
+  text-align: center;
+  font-size: 10pt;
+}
+.border {
+  border-color: black;
+  border-width: 5px;
+  border-style: solid;
+}
+#image {
+  height: auto;
+  display: block;
+  margin: auto;
+  max-width: 100%;
+  border-radius: 50%;
+}
+#img-caption {
+  font-size: 10pt;
+}
+a:not(#tribute-link) {
+  color: white;
+}
+hr {
+  border-color: black;
+}
+```