Help Needed : "Test Your Skills: Backgrounds and borders"

MDN Learn
1

Hello,

I’m having trouble with Backgrounds and Borders 2

Here’s my CSS code so far -

.box {
  border: 5px solid lightblue;
  border-radius: 20px 0px 40px 0px;
}

h2 {
  text-align: center;
  background-image: url("star.png");
  background-repeat: no-repeat repeat;
  background-position: right;
}

The objectives are not met. How can I get that star on the left side of the box?
Please provide me with the code.

The Text Page

2

Hello @Arittra

you doing great you just missed to provide the 2nd image

i also add the padding to make the & go to the second line

.box {
   border: 5px solid lightblue;
  border-radius: 20px 0px 40px 0px;
}

h2 {
padding-left:45px;
padding-right:45px;
  text-align: center;
  background-image: url("star.png"), url("star.png");
  background-repeat: no-repeat, repeat-y;
  background-position: left,right;
}

hope that help and have a nice day :slight_smile:

1 Like
3

Thank you, really appreciate your help!

1 Like
4

you very welcome :slight_smile:

1 Like