yes, that’s right i also thought that it needs to be implemented in h1 tag selector. Still there is some useless code lines in boknowpyro code like the two first lines in .box{}, other than this it’s great
Yeah, you’re right. The idea was to use the background on the header element. But sometimes there’s more than one solution to solve a problem.
A more elegant way for the three stars on the right side would be to make use of background-repeat: repeat-y; instead of placing three individual stars. This is the reference solution which, in my opinion, is very clean code:
.box {
border: 5px solid lightblue;
border-top-left-radius: 20px;
border-bottom-right-radius: 40px;
}
h2 {
padding: 0 40px;
text-align: center;
background: url(star.png) no-repeat left center,
url(star.png) repeat-y right center;
}