Assessment wanted for CSS: Backgrounds and Borders 2

MDN
#1

Hey there,

please review my code for CSS: Backgrounds and Borders Task 2.
https://backgrounds-and-borders-2-ncv.glitch.me/

Questions:

  1. I didnt get how to limit the repetitions of the right stars to 3. What is the trick?
  2. In order to center the h2 text, i used the following scheme:
.parent{
  display: flex;
  justify-content: center;
  align-items: center;
}
.child{
  display: inline-block;
  }

Is there a better way to do this?

Thanks!

#2

Hi
At first thanks for your hlp , you boosted me to slove this task :grin:
then , this is my try :

.box {border:5px solid lightblue;
border-top-left-radius:20px;
border-bottom-right-radius:40px;
}

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

1 Like
#3

@Moadh_NAJAR this looks like it is going in the right direction! Basically @ncv239, try setting your background on the header, not the surrounding box.

1 Like
#4

I’m looking for the solution and this is it.