From fc24eed609609b4e925b973e0c98cbc96e521004 Mon Sep 17 00:00:00 2001
From: dzevad-cyber <dzevad.del@gmail.com>
Date: Fri, 30 Jan 2026 00:42:04 +0100
Subject: [PATCH 01/11] feat: add description

---
 .../background-position-y.md                  | 88 +++++++++++++++++++
 1 file changed, 88 insertions(+)
 create mode 100644 content/css/concepts/background/terms/background-position-y/background-position-y.md

diff --git a/content/css/concepts/background/terms/background-position-y/background-position-y.md b/content/css/concepts/background/terms/background-position-y/background-position-y.md
new file mode 100644
index 00000000000..06f18d93b8e
--- /dev/null
+++ b/content/css/concepts/background/terms/background-position-y/background-position-y.md
@@ -0,0 +1,88 @@
+---
+Title: 'background-position-y'
+Description: 'Sets the initial vertical position for every background image. The position is relative to the position layer set by background-origin.'
+Subjects:
+  - 'Web Development'
+  - 'Web Design'
+Tags:
+  - 'Background'
+  - 'Box Model'
+  - 'Positioning'
+CatalogContent:
+  - 'learn-css'
+  - 'paths/front-end-engineer-career-path'
+  - 'paths/full-stack-engineer-career-path'
+---
+
+## Syntax
+
+**Note:** This property will be overridden if `background` or `background-position` properties are applied after it.
+
+```css
+background-position-y: <value>;
+```
+
+where `<value>` can be one of the following:
+
+- Keywords values
+  - `top`: aligns top edge of the background image with the top edge of the container
+  - `center`: aligns center of the background image with the center of the container
+  - `bottom`: aligns the bottom of the background image with the bottom edge of the container
+- Percentage values:
+  - `0%`: top edge of the background image is aligned with top edge of the container
+  - `50%%`: centers the background image inside a container
+  - `100%`: bottom edge of the background image is aligned with bottom edge of the container
+- `padding-box`: Relative positioning to the padding box.
+- `border-box`: Relative positioning to the border box.
+- Global values: `inherit`, `initial`, `revert`, `unset`
+
+## Example 1
+
+Set background positioning to the edge of the content box:
+
+```css
+.main {
+  border: 5px dashed #4d4d4d;
+  padding: 1rem;
+  background: url(images/background-origin.jpg) no-repeat;
+  background-origin: content-box;
+}
+```
+
+The resulting output of the code block above is:
+
+![Background origin set to padding-box](https://raw.githubusercontent.com/Codecademy/docs/main/media/background-origin-content.png 'background-origin: padding-box')
+
+## Example 2
+
+Set background positioning to the inside edge of the border, respecting its padding:
+
+```css
+.main {
+  border: 5px dashed #4d4d4d;
+  padding: 1rem;
+  background: url(images/background-origin.jpg) no-repeat;
+  background-origin: padding-box;
+}
+```
+
+The resulting output of the code block above is:
+
+![Background origin set to padding-box](https://raw.githubusercontent.com/Codecademy/docs/main/media/background-origin-padding.png 'background-origin: padding-box')
+
+## Example 3
+
+Set background positioning to the edge of the border:
+
+```css
+.main {
+  border: 5px dashed #4d4d4d;
+  padding: 1rem;
+  background: url(images/background-origin.jpg) no-repeat;
+  background-origin: border-box;
+}
+```
+
+The resulting output of the code block above is:
+
+![Background origin set to padding-box](https://raw.githubusercontent.com/Codecademy/docs/main/media/background-origin-border.png 'background-origin: padding-box')

From 62ea8e50e6c868bf76c15dc7e6988cf056916ddc Mon Sep 17 00:00:00 2001
From: dzevad-cyber <dzevad.del@gmail.com>
Date: Fri, 30 Jan 2026 03:32:28 +0100
Subject: [PATCH 02/11] feat: add all the code examples and example images

---
 .../background-position-y.md                  | 130 ++++++++++++++----
 media/background-position-y-keywords.png      | Bin 0 -> 4641 bytes
 media/background-position-y-length.png        | Bin 0 -> 4700 bytes
 .../background-position-y-multiple-values.png | Bin 0 -> 4577 bytes
 4 files changed, 104 insertions(+), 26 deletions(-)
 create mode 100644 media/background-position-y-keywords.png
 create mode 100644 media/background-position-y-length.png
 create mode 100644 media/background-position-y-multiple-values.png

diff --git a/content/css/concepts/background/terms/background-position-y/background-position-y.md b/content/css/concepts/background/terms/background-position-y/background-position-y.md
index 06f18d93b8e..38ef7294556 100644
--- a/content/css/concepts/background/terms/background-position-y/background-position-y.md
+++ b/content/css/concepts/background/terms/background-position-y/background-position-y.md
@@ -1,6 +1,6 @@
 ---
 Title: 'background-position-y'
-Description: 'Sets the initial vertical position for every background image. The position is relative to the position layer set by background-origin.'
+Description: 'Sets the initial vertical position for every background image. The position is relative to the position set by background-origin property..'
 Subjects:
   - 'Web Development'
   - 'Web Design'
@@ -19,7 +19,9 @@ CatalogContent:
 **Note:** This property will be overridden if `background` or `background-position` properties are applied after it.
 
 ```css
-background-position-y: <value>;
+background-position-y: <value>; // single value
+background-position-y: <direction> <value>; // mutltiple values
+
 ```
 
 where `<value>` can be one of the following:
@@ -32,57 +34,133 @@ where `<value>` can be one of the following:
   - `0%`: top edge of the background image is aligned with top edge of the container
   - `50%%`: centers the background image inside a container
   - `100%`: bottom edge of the background image is aligned with bottom edge of the container
-- `padding-box`: Relative positioning to the padding box.
-- `border-box`: Relative positioning to the border box.
-- Global values: `inherit`, `initial`, `revert`, `unset`
+- Length values
+  - `10px` `5cm` `2rem` `2em`: top edge of the background image is moved from top of the container
+- Multiple values
+
+and `direction` can be one of the following
+  - `top`: move from top, default direction
+  - `bottom`: move from  bottom
+
 
 ## Example 1
 
-Set background positioning to the edge of the content box:
+Set `background-position-y` using keywords:
 
 ```css
-.main {
-  border: 5px dashed #4d4d4d;
-  padding: 1rem;
-  background: url(images/background-origin.jpg) no-repeat;
-  background-origin: content-box;
+.img {
+  border: 2px dashed black;
+  width: 200px;
+  height: 200px;
+  background-image: url("./assets/box.png");
+  background-repeat: no-repeat;
+}
+
+.img.top {
+    background-position-y: top;
 }
+
+.img.center {
+    background-position-y: center;
+}
+
+.img.bottom {
+    background-position-y: bottom;
+}
+
 ```
 
 The resulting output of the code block above is:
 
-![Background origin set to padding-box](https://raw.githubusercontent.com/Codecademy/docs/main/media/background-origin-content.png 'background-origin: padding-box')
+![Background-position-y-keywords](../../../../../../media//background-position-y-keywords.png) 
 
 ## Example 2
 
-Set background positioning to the inside edge of the border, respecting its padding:
+Set `background-position-y` using percentages:
 
 ```css
-.main {
-  border: 5px dashed #4d4d4d;
-  padding: 1rem;
-  background: url(images/background-origin.jpg) no-repeat;
-  background-origin: padding-box;
+.img {
+  border: 2px dashed black;
+  width: 200px;
+  height: 200px;
+  background-image: url("./assets/box.png");
+  background-repeat: no-repeat;
+}
+
+.img.top {
+    background-position-y: 0%;
+}
+
+.img.center {
+    background-position-y: 50%;
+}
+
+.img.bottom {
+    background-position-y: 100%;
 }
 ```
 
 The resulting output of the code block above is:
 
-![Background origin set to padding-box](https://raw.githubusercontent.com/Codecademy/docs/main/media/background-origin-padding.png 'background-origin: padding-box')
+![Background-position-y-percentages](../../../../../../media//background-position-y-keywords.png) 
 
 ## Example 3
 
-Set background positioning to the edge of the border:
+Set `background-position-y` using length:
+
+```css
+.img {
+  border: 2px dashed black;
+  width: 200px;
+  height: 200px;
+  background-image: url("./assets/box.png");
+  background-repeat: no-repeat;
+}
+
+.img.top {
+    background-position-y: 1cm;
+}
+
+.img.center {
+    background-position-y: 5rem;
+}
+
+.img.bottom {
+    background-position-y: 7em;
+}
+```
+
+The resulting output of the code block above is:
+
+![Background-position-y-percentages](../../../../../../media//background-position-y-length.png) 
+
+## Example 4
+
+Set `background-position-y` using multiple values:
 
 ```css
-.main {
-  border: 5px dashed #4d4d4d;
-  padding: 1rem;
-  background: url(images/background-origin.jpg) no-repeat;
-  background-origin: border-box;
+.img {
+  border: 2px dashed black;
+  width: 200px;
+  height: 200px;
+  background-image: url("./assets/box.png");
+  background-repeat: no-repeat;
+}
+
+.img.top {
+    background-position-y: bottom 20%;
+}
+
+.img.center {
+    background-position-y: bottom 7rem;
+}
+
+.img.bottom {
+    background-position-y: bottom 2cm;
 }
 ```
 
 The resulting output of the code block above is:
 
-![Background origin set to padding-box](https://raw.githubusercontent.com/Codecademy/docs/main/media/background-origin-border.png 'background-origin: padding-box')
+![Background-position-y-multiple-values](../../../../../../media//background-position-y-multiple-values.png) 
+
diff --git a/media/background-position-y-keywords.png b/media/background-position-y-keywords.png
new file mode 100644
index 0000000000000000000000000000000000000000..df394d66a7452db9144dc758ea6c1a5d0a483515
GIT binary patch
literal 4641
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
B!m$7V

literal 0
HcmV?d00001

diff --git a/media/background-position-y-length.png b/media/background-position-y-length.png
new file mode 100644
index 0000000000000000000000000000000000000000..ef18080940e6c38aa7ed48963cb51041159b1e58
GIT binary patch
literal 4700
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
bq04JLhA?YjL*pc1Mj*=rHfF^zkKg|Z?Vr;0

literal 0
HcmV?d00001

diff --git a/media/background-position-y-multiple-values.png b/media/background-position-y-multiple-values.png
new file mode 100644
index 0000000000000000000000000000000000000000..562261ed16b26a4875164f85635ed1a48973f979
GIT binary patch
literal 4577
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
bnU>Wxlebt-kexMv2ncd^aNAd7AAJ5_vx2rI

literal 0
HcmV?d00001


From 54ca5f18e2261ef511c17d62719bc56421ce1a99 Mon Sep 17 00:00:00 2001
From: dzevad-cyber <dzevad.del@gmail.com>
Date: Fri, 30 Jan 2026 15:57:48 +0100
Subject: [PATCH 03/11] chore: remove example 4

---
 .../background-position-y.md                  | 29 -------------------
 1 file changed, 29 deletions(-)

diff --git a/content/css/concepts/background/terms/background-position-y/background-position-y.md b/content/css/concepts/background/terms/background-position-y/background-position-y.md
index 38ef7294556..7c9e77b556f 100644
--- a/content/css/concepts/background/terms/background-position-y/background-position-y.md
+++ b/content/css/concepts/background/terms/background-position-y/background-position-y.md
@@ -134,33 +134,4 @@ The resulting output of the code block above is:
 
 ![Background-position-y-percentages](../../../../../../media//background-position-y-length.png) 
 
-## Example 4
-
-Set `background-position-y` using multiple values:
-
-```css
-.img {
-  border: 2px dashed black;
-  width: 200px;
-  height: 200px;
-  background-image: url("./assets/box.png");
-  background-repeat: no-repeat;
-}
-
-.img.top {
-    background-position-y: bottom 20%;
-}
-
-.img.center {
-    background-position-y: bottom 7rem;
-}
-
-.img.bottom {
-    background-position-y: bottom 2cm;
-}
-```
-
-The resulting output of the code block above is:
-
-![Background-position-y-multiple-values](../../../../../../media//background-position-y-multiple-values.png) 
 

From 9f5c9c439c083753bb28e9140f580d3e84ef2b95 Mon Sep 17 00:00:00 2001
From: dzevad-cyber <dzevad.del@gmail.com>
Date: Fri, 30 Jan 2026 16:02:32 +0100
Subject: [PATCH 04/11] refactor: remove comments

---
 .../terms/background-position-y/background-position-y.md      | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/content/css/concepts/background/terms/background-position-y/background-position-y.md b/content/css/concepts/background/terms/background-position-y/background-position-y.md
index 7c9e77b556f..3812438c902 100644
--- a/content/css/concepts/background/terms/background-position-y/background-position-y.md
+++ b/content/css/concepts/background/terms/background-position-y/background-position-y.md
@@ -19,8 +19,8 @@ CatalogContent:
 **Note:** This property will be overridden if `background` or `background-position` properties are applied after it.
 
 ```css
-background-position-y: <value>; // single value
-background-position-y: <direction> <value>; // mutltiple values
+background-position-y: <value>;
+background-position-y: <direction> <value>;
 
 ```
 

From 8a49432b691284df529002708cd15965bcf1fba8 Mon Sep 17 00:00:00 2001
From: dzevad-cyber <dzevad.del@gmail.com>
Date: Fri, 30 Jan 2026 16:07:41 +0100
Subject: [PATCH 05/11] chore: remove bg-pos-y-length image, remove example 3

---
 .../background-position-y.md                     |  15 +++++++--------
 media/background-position-y-length.png           | Bin 4700 -> 0 bytes
 2 files changed, 7 insertions(+), 8 deletions(-)
 delete mode 100644 media/background-position-y-length.png

diff --git a/content/css/concepts/background/terms/background-position-y/background-position-y.md b/content/css/concepts/background/terms/background-position-y/background-position-y.md
index 3812438c902..8a63e44d108 100644
--- a/content/css/concepts/background/terms/background-position-y/background-position-y.md
+++ b/content/css/concepts/background/terms/background-position-y/background-position-y.md
@@ -19,8 +19,8 @@ CatalogContent:
 **Note:** This property will be overridden if `background` or `background-position` properties are applied after it.
 
 ```css
-background-position-y: <value>;
-background-position-y: <direction> <value>;
+background-position-y: <value>; // single value
+background-position-y: <direction> <value>; // mutltiple values
 
 ```
 
@@ -106,7 +106,7 @@ The resulting output of the code block above is:
 
 ## Example 3
 
-Set `background-position-y` using length:
+Set `background-position-y` using multiple values:
 
 ```css
 .img {
@@ -118,20 +118,19 @@ Set `background-position-y` using length:
 }
 
 .img.top {
-    background-position-y: 1cm;
+    background-position-y: bottom 20%;
 }
 
 .img.center {
-    background-position-y: 5rem;
+    background-position-y: bottom 7rem;
 }
 
 .img.bottom {
-    background-position-y: 7em;
+    background-position-y: bottom 2cm;
 }
 ```
 
 The resulting output of the code block above is:
 
-![Background-position-y-percentages](../../../../../../media//background-position-y-length.png) 
-
+![Background-position-y-multiple-values](../../../../../../media//background-position-y-multiple-values.png) 
 
diff --git a/media/background-position-y-length.png b/media/background-position-y-length.png
deleted file mode 100644
index ef18080940e6c38aa7ed48963cb51041159b1e58..0000000000000000000000000000000000000000
GIT binary patch
literal 0
HcmV?d00001

literal 4700
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
bq04JLhA?YjL*pc1Mj*=rHfF^zkKg|Z?Vr;0


From 8951f97e9baa59383758202dec7f1fb71117f62d Mon Sep 17 00:00:00 2001
From: dzevad-cyber <dzevad.del@gmail.com>
Date: Fri, 30 Jan 2026 16:08:31 +0100
Subject: [PATCH 06/11] chore: remove code comments

---
 .../terms/background-position-y/background-position-y.md      | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/content/css/concepts/background/terms/background-position-y/background-position-y.md b/content/css/concepts/background/terms/background-position-y/background-position-y.md
index 8a63e44d108..4230fd530f8 100644
--- a/content/css/concepts/background/terms/background-position-y/background-position-y.md
+++ b/content/css/concepts/background/terms/background-position-y/background-position-y.md
@@ -19,8 +19,8 @@ CatalogContent:
 **Note:** This property will be overridden if `background` or `background-position` properties are applied after it.
 
 ```css
-background-position-y: <value>; // single value
-background-position-y: <direction> <value>; // mutltiple values
+background-position-y: <value>; 
+background-position-y: <direction> <value>;
 
 ```
 

From a60bf244e848c9aee1a9fd506c1daf071fd5353a Mon Sep 17 00:00:00 2001
From: dzevad-cyber <dzevad.del@gmail.com>
Date: Fri, 30 Jan 2026 16:14:38 +0100
Subject: [PATCH 07/11] refactor: text formatting

---
 .../terms/background-position-y/background-position-y.md       | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/content/css/concepts/background/terms/background-position-y/background-position-y.md b/content/css/concepts/background/terms/background-position-y/background-position-y.md
index 4230fd530f8..48ff2b55149 100644
--- a/content/css/concepts/background/terms/background-position-y/background-position-y.md
+++ b/content/css/concepts/background/terms/background-position-y/background-position-y.md
@@ -36,9 +36,8 @@ where `<value>` can be one of the following:
   - `100%`: bottom edge of the background image is aligned with bottom edge of the container
 - Length values
   - `10px` `5cm` `2rem` `2em`: top edge of the background image is moved from top of the container
-- Multiple values
 
-and `direction` can be one of the following
+and `<direction>` can be one of the following
   - `top`: move from top, default direction
   - `bottom`: move from  bottom
 

From 3485977a12b9b762f0e514c18048d467d45d00d1 Mon Sep 17 00:00:00 2001
From: dzevad-cyber <dzevad.del@gmail.com>
Date: Fri, 30 Jan 2026 16:23:10 +0100
Subject: [PATCH 08/11] chore: format document

---
 .../background-position-y.md                  | 39 +++++++++----------
 1 file changed, 18 insertions(+), 21 deletions(-)

diff --git a/content/css/concepts/background/terms/background-position-y/background-position-y.md b/content/css/concepts/background/terms/background-position-y/background-position-y.md
index 48ff2b55149..3b082b942ef 100644
--- a/content/css/concepts/background/terms/background-position-y/background-position-y.md
+++ b/content/css/concepts/background/terms/background-position-y/background-position-y.md
@@ -19,9 +19,8 @@ CatalogContent:
 **Note:** This property will be overridden if `background` or `background-position` properties are applied after it.
 
 ```css
-background-position-y: <value>; 
+background-position-y: <value>;
 background-position-y: <direction> <value>;
-
 ```
 
 where `<value>` can be one of the following:
@@ -38,9 +37,9 @@ where `<value>` can be one of the following:
   - `10px` `5cm` `2rem` `2em`: top edge of the background image is moved from top of the container
 
 and `<direction>` can be one of the following
-  - `top`: move from top, default direction
-  - `bottom`: move from  bottom
 
+- `top`: move from top, default direction
+- `bottom`: move from bottom
 
 ## Example 1
 
@@ -51,27 +50,26 @@ Set `background-position-y` using keywords:
   border: 2px dashed black;
   width: 200px;
   height: 200px;
-  background-image: url("./assets/box.png");
+  background-image: url('./assets/box.png');
   background-repeat: no-repeat;
 }
 
 .img.top {
-    background-position-y: top;
+  background-position-y: top;
 }
 
 .img.center {
-    background-position-y: center;
+  background-position-y: center;
 }
 
 .img.bottom {
-    background-position-y: bottom;
+  background-position-y: bottom;
 }
-
 ```
 
 The resulting output of the code block above is:
 
-![Background-position-y-keywords](../../../../../../media//background-position-y-keywords.png) 
+![Background-position-y-keywords](../../../../../../media//background-position-y-keywords.png)
 
 ## Example 2
 
@@ -82,26 +80,26 @@ Set `background-position-y` using percentages:
   border: 2px dashed black;
   width: 200px;
   height: 200px;
-  background-image: url("./assets/box.png");
+  background-image: url('./assets/box.png');
   background-repeat: no-repeat;
 }
 
 .img.top {
-    background-position-y: 0%;
+  background-position-y: 0%;
 }
 
 .img.center {
-    background-position-y: 50%;
+  background-position-y: 50%;
 }
 
 .img.bottom {
-    background-position-y: 100%;
+  background-position-y: 100%;
 }
 ```
 
 The resulting output of the code block above is:
 
-![Background-position-y-percentages](../../../../../../media//background-position-y-keywords.png) 
+![Background-position-y-percentages](../../../../../../media//background-position-y-keywords.png)
 
 ## Example 3
 
@@ -112,24 +110,23 @@ Set `background-position-y` using multiple values:
   border: 2px dashed black;
   width: 200px;
   height: 200px;
-  background-image: url("./assets/box.png");
+  background-image: url('./assets/box.png');
   background-repeat: no-repeat;
 }
 
 .img.top {
-    background-position-y: bottom 20%;
+  background-position-y: bottom 20%;
 }
 
 .img.center {
-    background-position-y: bottom 7rem;
+  background-position-y: bottom 7rem;
 }
 
 .img.bottom {
-    background-position-y: bottom 2cm;
+  background-position-y: bottom 2cm;
 }
 ```
 
 The resulting output of the code block above is:
 
-![Background-position-y-multiple-values](../../../../../../media//background-position-y-multiple-values.png) 
-
+![Background-position-y-multiple-values](../../../../../../media//background-position-y-multiple-values.png)

From 762116aad43a352eb03abcdc48966dd206c646a1 Mon Sep 17 00:00:00 2001
From: dzevad-cyber <dzevad.del@gmail.com>
Date: Fri, 30 Jan 2026 16:34:21 +0100
Subject: [PATCH 09/11] chore: remove redundant dot from description text

---
 .../terms/background-position-y/background-position-y.md        | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/css/concepts/background/terms/background-position-y/background-position-y.md b/content/css/concepts/background/terms/background-position-y/background-position-y.md
index 3b082b942ef..d18911b5646 100644
--- a/content/css/concepts/background/terms/background-position-y/background-position-y.md
+++ b/content/css/concepts/background/terms/background-position-y/background-position-y.md
@@ -1,6 +1,6 @@
 ---
 Title: 'background-position-y'
-Description: 'Sets the initial vertical position for every background image. The position is relative to the position set by background-origin property..'
+Description: 'Sets the initial vertical position for every background image. The position is relative to the position set by background-origin property.'
 Subjects:
   - 'Web Development'
   - 'Web Design'

From 4ffc9fb99af7533ee92eb9ca92062a8e1cc410f5 Mon Sep 17 00:00:00 2001
From: Mamta Wardhani <mamta.wardhani@gmail.com>
Date: Tue, 3 Feb 2026 10:16:25 +0530
Subject: [PATCH 10/11] Revise background-position-y documentation

Updated the description and examples for background-position-y.
---
 .../background-position-y.md                  | 77 +++++--------------
 1 file changed, 20 insertions(+), 57 deletions(-)

diff --git a/content/css/concepts/background/terms/background-position-y/background-position-y.md b/content/css/concepts/background/terms/background-position-y/background-position-y.md
index d18911b5646..54fdc746b3b 100644
--- a/content/css/concepts/background/terms/background-position-y/background-position-y.md
+++ b/content/css/concepts/background/terms/background-position-y/background-position-y.md
@@ -1,9 +1,9 @@
 ---
 Title: 'background-position-y'
-Description: 'Sets the initial vertical position for every background image. The position is relative to the position set by background-origin property.'
+Description: 'Sets the vertical position of a background image inside an element.'
 Subjects:
-  - 'Web Development'
   - 'Web Design'
+  - 'Web Development'
 Tags:
   - 'Background'
   - 'Box Model'
@@ -11,39 +11,32 @@ Tags:
 CatalogContent:
   - 'learn-css'
   - 'paths/front-end-engineer-career-path'
-  - 'paths/full-stack-engineer-career-path'
 ---
 
-## Syntax
+In CSS, **`background-position-y`** controls how far up or down the background image is placed inside an element, letting you adjust its vertical alignment without affecting the horizontal position.
 
-**Note:** This property will be overridden if `background` or `background-position` properties are applied after it.
+## Syntax
 
-```css
+```pseudo
 background-position-y: <value>;
-background-position-y: <direction> <value>;
 ```
 
-where `<value>` can be one of the following:
+**Parameters:**
 
-- Keywords values
-  - `top`: aligns top edge of the background image with the top edge of the container
-  - `center`: aligns center of the background image with the center of the container
-  - `bottom`: aligns the bottom of the background image with the bottom edge of the container
-- Percentage values:
-  - `0%`: top edge of the background image is aligned with top edge of the container
-  - `50%%`: centers the background image inside a container
-  - `100%`: bottom edge of the background image is aligned with bottom edge of the container
-- Length values
-  - `10px` `5cm` `2rem` `2em`: top edge of the background image is moved from top of the container
+- `value`: Specifies the vertical position of the background image. Common values include:
+  - `top`, `center`, `bottom`
+  - Length values like `10px`, `2rem`
+  - Percentage values like `50%`
 
-and `<direction>` can be one of the following
+**Return value:**
 
-- `top`: move from top, default direction
-- `bottom`: move from bottom
+- None. This property sets a style rule and does not return a value
+
+**Note:** This property will be overridden if `background` or `background-position` properties are applied after it.
 
-## Example 1
+## Example 1: Keyword-based vertical positioning
 
-Set `background-position-y` using keywords:
+In this example, `background-position-y` uses keywords to align the background image at the top, center, or bottom of the element while keeping the horizontal position unchanged:
 
 ```css
 .img {
@@ -69,41 +62,11 @@ Set `background-position-y` using keywords:
 
 The resulting output of the code block above is:
 
-![Background-position-y-keywords](../../../../../../media//background-position-y-keywords.png)
-
-## Example 2
-
-Set `background-position-y` using percentages:
-
-```css
-.img {
-  border: 2px dashed black;
-  width: 200px;
-  height: 200px;
-  background-image: url('./assets/box.png');
-  background-repeat: no-repeat;
-}
-
-.img.top {
-  background-position-y: 0%;
-}
-
-.img.center {
-  background-position-y: 50%;
-}
-
-.img.bottom {
-  background-position-y: 100%;
-}
-```
-
-The resulting output of the code block above is:
-
-![Background-position-y-percentages](../../../../../../media//background-position-y-keywords.png)
+![Background-position-y-keywords](https://raw.githubusercontent.com/Codecademy/docs/main/media/background-position-y-keywords.png)
 
-## Example 3
+## Example 2: Value-based vertical positioning
 
-Set `background-position-y` using multiple values:
+In this example, `background-position-y` uses percentage and length values to precisely control how far down the background image is positioned inside the element:
 
 ```css
 .img {
@@ -129,4 +92,4 @@ Set `background-position-y` using multiple values:
 
 The resulting output of the code block above is:
 
-![Background-position-y-multiple-values](../../../../../../media//background-position-y-multiple-values.png)
+![Background-position-y-multiple-values](https://raw.githubusercontent.com/Codecademy/docs/main/media/background-position-y-multiple-values.png)

From 91616c5b9c058e2fc10d7506ec441266c710be45 Mon Sep 17 00:00:00 2001
From: Mamta Wardhani <mamta.wardhani@gmail.com>
Date: Tue, 3 Feb 2026 10:19:31 +0530
Subject: [PATCH 11/11] Fix note formatting in background-position-y.md

Corrected formatting of the note regarding property overrides.
---
 .../terms/background-position-y/background-position-y.md        | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/content/css/concepts/background/terms/background-position-y/background-position-y.md b/content/css/concepts/background/terms/background-position-y/background-position-y.md
index 54fdc746b3b..a8ecc7702b8 100644
--- a/content/css/concepts/background/terms/background-position-y/background-position-y.md
+++ b/content/css/concepts/background/terms/background-position-y/background-position-y.md
@@ -32,7 +32,7 @@ background-position-y: <value>;
 
 - None. This property sets a style rule and does not return a value
 
-**Note:** This property will be overridden if `background` or `background-position` properties are applied after it.
+> **Note:** This property will be overridden if `background` or `background-position` properties are applied after it.
 
 ## Example 1: Keyword-based vertical positioning