Assessment help needed for Backgrounds and Borders article

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,

Hello @shivang_trivedi

you doing great well done and have a nice day :slight_smile:

1 Like