Assessment wanted for Background and Borders 2

MDN
#1

HTML

Backgrounds
& Borders

CSS
.box {
background-image: url(https://mdn.github.io/css-examples/learn/tasks/backgrounds/star.png), url(https://mdn.github.io/css-examples/learn/tasks/backgrounds/star.png), url(https://mdn.github.io/css-examples/learn/tasks/backgrounds/star.png), url(https://mdn.github.io/css-examples/learn/tasks/backgrounds/star.png);
background-repeat: no-repeat;
background-position: left, right, right top 20px, right bottom 20px;
border: 5px solid lightblue;
border-radius: 20px 0 40px 0;
height:120px;
width: 250px;
margin: auto;

}

h2 {
text-align: center;
padding-top:10px;
}

on CodePen

#2

Hello @Karl78

you doing great but there some improvement you can do
what about using only 2 image

background-image: url(https://mdn.github.io/css-examples/learn/tasks/backgrounds/star.png), url(https://mdn.github.io/css-examples/learn/tasks/backgrounds/star.png);

and make the first one show on left with no repeat and the second one on right with repeat vertically

hope that help and have a nice day :slight_smile: