Backgrounds and borders

MDN
1

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

image
image534×300 9.47 KB

Please help me !

2

Hi @NoName and welcome to the community :wave:

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

Thank you and have a nice day!
Michael

3

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

image
image1366×728 33 KB

Can you help me to create them ?

4

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 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>):
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

1 Like