First version of the css background-position-x property markdown #8224
+62
−0
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
|
|
mamtawardhani
requested changes
Feb 11, 2026
Collaborator
mamtawardhani
left a comment
mamtawardhani
left a comment
There was a problem hiding this comment.
Hey @CaptainTech205, I've requested changes in this entry and also can you please attach the output image to this PR?
Let me know once the changes are done, thank you! 🚀
Comment on lines
+1
to
+17
| --- | ||
| Title: CSS background-position-x | ||
| Description: Sets the inital horizontal position of a background image. | ||
| Subjects: | ||
| - CSS | ||
| - Web design | ||
| - Web Development | ||
| Tags: | ||
| - Layout | ||
| - Background | ||
| - HTML | ||
| CatalogContent: | ||
| - Learn CSS | ||
| - UX Designer | ||
| - Learn Intermediate CSS | ||
| - Front-End Engineer | ||
| - Full-Stack Engineer |
Collaborator
There was a problem hiding this comment.
Please refer to tags, subjects and catalog content for the correct data. And all of them need to be enclosed in single quotes (' ')
Comment on lines
+24
to
+42
| ```css | ||
| /* Keyword values */ | ||
| background-position-x: left; | ||
| background-position-x: right; | ||
| background-position-x: center; | ||
|
|
||
| /* Length and percentage values */ | ||
| background-position-x: 64px; | ||
| background-position-x: 25%; | ||
| background-position-x: 5em; | ||
| background-position-x: 1cm; | ||
|
|
||
| /* Global values */ | ||
| background-position-x: inherit; | ||
| background-position-x: initial; | ||
| background-position-x: revert; | ||
| background-position-x: revert-layer; | ||
| background-position-x: unset; | ||
| ``` |
Collaborator
There was a problem hiding this comment.
This needs to be wrapped in a pseudo block and not a css block
And, also - we can shorten the syntax to:
background-position: value;
the values can actually be mentioned under the Parameters: section
| background-repeat: no-repeat; | ||
| background-position-x: center; | ||
| } | ||
| ``` No newline at end of file |
Collaborator
There was a problem hiding this comment.
The output image needs to added into the media folder
mamtawardhani
added
css
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
3 participants
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Description
Created a new directory "background-position-x" in codecademy_docs\content\css\concepts\background\terms and a new file within that directory called "background-position-x.md". The markdown file describes the CSS property background-position-x and shows syntax and example.
Issue Solved
Closes #8197
Type of Change
Checklist
mainbranch.Issues Solvedsection.