Assessment Link: https://developer.mozilla.org/en-US/docs/Learn/CSS/Building_blocks/Test_your_skills_backgrounds_and_borders#backgrounds_and_borders_2
Proposed solution:
HTML & CSS:
<div class="box">
<h2>Backgrounds & Borders</h2>
</div>
.box {
border: 5px solid lightblue;
border-top-left-radius: 20px;
border-bottom-right-radius: 40px;
}
h2 {
background-image: url(star.png), url(star.png);
background-repeat: no-repeat, repeat-y;
text-align: center;
background-position: 0 50%, 100% 100%;
}
Please guide whether the above approach is right to solve the challenge?
Thanks,