[Need help] Test your skills: Backgrounds and borders

MDN Learn
,
#1

I am struggling with task 2 of this assignment Test_your_skills_backgrounds_and_borders. I don’t know how to display 3 stars on the right of the box. I put my code below and please help me to finish this.

<head>

    <meta charset="utf-8" />

    <title>Backgrounds and Borders: Task 2</title>

    <style>

        body {
            background-color: #fff;
            color: #333;
            font: 1.2em / 1.5 Helvetica Neue, Helvetica, Arial, sans-serif;
            padding: 1em;
            margin: 0;
        }
        * {
            box-sizing: border-box;
        }
        .box {
            border: 5px solid lightblue;
            border-radius: 20px 0px 40px 0px;
        }
        h2 {
            padding-left: 45px;
            padding-right: 45px;
            text-align: center;
            background-image: url("../images/star.png"), url("../images/star.png");
            background-repeat: no-repeat, repeat-y;
            background-position: left, right;
        }
    </style>
</head>
<body>
    <div class="box">
        <h2>Backgrounds &amp; Borders</h2>
    </div>
</body>
#2

Hi @Cao_Minh_Ngoc_K16_HL and welcome to the community :wave:

I don’t know if you could solve the exercise in the meantime, but I think if you add a width to the box like on the task page (e. g. width: 300px;) the title will break onto two lines and all three stars should be visible.

I hope that helps,
Michael