Fix content issues

Author: Josh-Cena

.vscode/dictionaries/code-entities.txt

@@ -62,6 +62,7 @@ associationlistitemvalue
 attributionsrc
 audiocontext
 authorid
+autospace
 backdrag
 backgroundfetchabort
 backgroundfetchclick
@@ -734,7 +735,6 @@ telu
 testingbot-api
 texlive
 texlive-fontsextra
-text-autospace
 textformatupdate
 textupdate
 TEXTUREI

.vscode/dictionaries/terms-abbreviations.txt

@@ -469,6 +469,7 @@ overlines
 overscript
 overscripts
 overscrolling
+overtype
 packetization
 packetizer
 packetizing
@@ -675,6 +676,7 @@ spinlocks
 spoofable
 spritesheet
 spritesheets
+squircle
 SSML
 ssthresh
 STIX

files/en-us/learn_web_development/core/scripting/house_data_ui/index.md

@@ -174,7 +174,7 @@ Inside the function body, write code that does the following:
 > You _could_ just hardcode the `<option>` elements inside the HTML, but that would only work for this exact data set. We want you to write JavaScript that will correctly populate the form regardless of the data values provided (each house object would have to have the same structure).
 
 > [!NOTE]
-> You could use the `innerHTML` property to add child content inside HTML elements, but we'd recommend not doing so. You can't always trust the data you are adding to your page: If it is not properly sanitised on the server, bad actors could use `innerHTML` as a pathway to carry out [Cross-site scripting (XSS)](/en-US/docs/Web/Security/Attacks/XSS) attacks on your page. A safer route is to use DOM scripting features such as `createElement()`, `appendChild()`, and `textContent`. Using `innerHTML` to remove child content isn't such an issue.
+> You could use the `innerHTML` property to add child content inside HTML elements, but we'd recommend not doing so. You can't always trust the data you are adding to your page: If it is not properly sanitized on the server, bad actors could use `innerHTML` as a pathway to carry out [Cross-site scripting (XSS)](/en-US/docs/Web/Security/Attacks/XSS) attacks on your page. A safer route is to use DOM scripting features such as `createElement()`, `appendChild()`, and `textContent`. Using `innerHTML` to remove child content isn't such an issue.
 
 ### Completing the `renderHouses()` function
 

files/en-us/learn_web_development/core/styling_basics/fancy_letterheaded_paper/letterhead.png

@@ -77,7 +77,7 @@ The first form is full, with four form controls: one {{htmlelement("fieldset")}}
     <legend>This is a legend</legend>
     <label>A form control: <input form="sparseForm" /></label>
     <label>Another form control: <input form="sparseForm" /></label>
-    <label>Yest anotehr form control: <input form="sparseForm" /></label>
+    <label>Yest another form control: <input form="sparseForm" /></label>
   </fieldset>
 </form>
 

files/en-us/learn_web_development/extensions/client-side_apis/drawing_graphics/walk-right.png

@@ -188,12 +188,12 @@ span {
 }
 
 @keyframes old-caret {
-  from,
+  0%,
   50% {
     caret-color: #00ad00;
   }
   75%,
-  to {
+  100% {
     caret-color: transparent;
   }
 }

files/en-us/web/api/htmlformelement/elements/index.md

@@ -197,12 +197,12 @@ span {
 }
 
 @keyframes vintage-caret {
-  from,
+  0%,
   50% {
     caret-color: #00ad00;
   }
   75%,
-  to {
+  100% {
     caret-color: transparent;
   }
 }

files/en-us/web/css/caret-shape/index.md

@@ -254,7 +254,7 @@ div {
 }
 
 div:hover {
-  background-color: rgb(255 255 255 / 1);
+  background-color: white;
 }
 ```
 
@@ -531,7 +531,7 @@ div {
 ```
 
 ```css live-sample___corner-shape-animation
-@keyframes cornerpulse {
+@keyframes corner-pulse {
   from {
     corner-shape: square;
   }
@@ -543,7 +543,7 @@ div {
 
 html:hover div,
 div:focus {
-  animation: cornerpulse infinite alternate 2s linear;
+  animation: corner-pulse infinite alternate 2s linear;
 }
 ```
 

files/en-us/web/css/caret/index.md

@@ -279,7 +279,7 @@ The {{CSSxRef("<basic-shape>")}} CSS [data type](/en-US/docs/Web/CSS/CSS_V
 - {{CSSxRef("ray", "ray()")}}
   - : Valid with {{cssxref("offset-path")}}; defines the line segment an animated element can follow.
 - {{CSSxRef("superellipse()")}}
-  - : Defines the curvature of an ellipse; can be used to specify a {{cssxref("corner-shape-value")}}, which is used with {{cssxref("corner-shape")}} and its [constituent](/en-US/docs/Web/CSS/corner-shape#constituent_properties) and [related](/en-US/docs/Web/CSS/corner-shape#related_properties) properties.
+  - : Defines the curvature of an ellipse; can be used to specify a {{cssxref("corner-shape-value")}}, which is used with {{cssxref("corner-shape")}} and its [constituent](/en-US/docs/Web/CSS/corner-shape#constituent_properties) and [related](/en-US/docs/Web/CSS/corner-shape#properties_that_follow_the_corner_shape) properties.
 
 ## Reference functions