First version of the css background-position-x property markdown#8224
First version of the css background-position-x property markdown#8224CaptainTech205 wants to merge 2 commits intoCodecademy:mainfrom
Conversation
|
|
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! 🚀
| --- | ||
| 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 |
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 (' ')
| ```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; | ||
| ``` |
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 |
There was a problem hiding this comment.
The output image needs to added into the media folder
mamtawardhani
added
css
CaptainTech205
left a comment
CaptainTech205
left a comment
There was a problem hiding this comment.
Hey @mamtawardhani, Thank you for your feedback.
I have made the requested changes among other improvements. I added the output image from the HTMl/CSS code example under "Result".
Looking forward for your review!
3 participants
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.