# Backgrounds and borders

**URL:** <https://discourse.mozilla.org/t/backgrounds-and-borders/86511>\
**Category:** MDN\
**Created:** [September 29, 2021, 4:39am UTC](https://discourse.mozilla.org/t/backgrounds-and-borders/86511 "2021-09-29T04:39:43Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![NoName](https://avatars.discourse-cdn.com/v4/letter/n/58f4c7/32.png) [@NoName](https://discourse.mozilla.org/u/NoName)\
**Post date:** [September 29, 2021, 4:39am UTC](https://discourse.mozilla.org/t/backgrounds-and-borders/86511/1 "2021-09-29T04:39:43Z")

</div>

I’m stuck in task 2 of Test your skills: backgrounds and borders

 ![image](https://us1.discourse-cdn.com/flex001/uploads/mozilla/original/3X/f/f/ff9032745fcc6176701e1437c4acf8a0819f05bf.png)

Please help me !

> **[Test your skills: Backgrounds and borders - Learn web development | MDN](https://developer.mozilla.org/en-US/docs/Learn_web_development/Core/Styling_basics/Test_your_skills_backgrounds_and_borders)**
>
> The aim of this skill test is to assess whether you understand backgrounds and borders of boxes in CSS.

---

<div class="post-metadata">

**Author:** ![mikoMK](https://sea1.discourse-cdn.com/flex001/user_avatar/discourse.mozilla.org/mikomk/32/50456_2.png) [@mikoMK](https://discourse.mozilla.org/u/mikoMK)\
**Post date:** [September 29, 2021, 11:01am UTC](https://discourse.mozilla.org/t/backgrounds-and-borders/86511/2 "2021-09-29T11:01:56Z")

</div>

Hi @NoName and welcome to the community 👋

Could you show us your code so far and describe the problem you have? Otherwise it’s hard to give a useful hint. Preferably in a online editor as described at the bottom of the task page: [Assessment or further help](https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Test_your_skills_backgrounds_and_borders#assessment_or_further_help)

Thank you and have a nice day!  
Michael

---

<div class="post-metadata">

**Author:** ![NoName](https://avatars.discourse-cdn.com/v4/letter/n/58f4c7/32.png) [@NoName](https://discourse.mozilla.org/u/NoName)\
**Post date:** [September 30, 2021, 2:13am UTC](https://discourse.mozilla.org/t/backgrounds-and-borders/86511/3 "2021-09-30T02:13:22Z")

</div>

Hi @mikoMK  
My problem is that I don’t know how to create three star on the right .

 ![image](https://us1.discourse-cdn.com/flex001/uploads/mozilla/original/3X/e/b/eb32a7e56768dbc3acd9b4769b922df7339bae48.png)  
Can you help me to create them ?

---

<div class="post-metadata">

**Author:** ![mikoMK](https://sea1.discourse-cdn.com/flex001/user_avatar/discourse.mozilla.org/mikomk/32/50456_2.png) [@mikoMK](https://discourse.mozilla.org/u/mikoMK)\
**Post date:** [September 30, 2021, 12:15pm UTC](https://discourse.mozilla.org/t/backgrounds-and-borders/86511/4 "2021-09-30T12:15:03Z")

</div>

Thank you for the additional details.

1. You should move `background-*` and `text-align` to `h2`
2. I recommend using the `background` shorthand:  
`background: url(star.png) no-repeat left center`
3. The [background property](https://developer.mozilla.org/en-US/docs/Web/CSS/background) can use multiple images. So we want to add an additional star-background to the right (Try to find what’s needed for` <repeat>` and `<position>`):

```auto
background: url(star.png) no-repeat left center,
            url(star.png) <repeat> <position>;

```

1. Add some padding to `h2` so it looks like in the image

I hope that helps. Please ask if you need more hints.

Cheers!  
Michael