Proper Styling Using CSS: Cleanliness of the Code

Hi, CocoShesh

Congratulation on finishing this challenge, I hope it was fun.

For code here are some suggestions that might help improve the code:

• HTML code:

<div class="star-container">  </div>

• CSS code:

main{
*/ remove the scrollbar in big screen*/
overflow: hidden;
}
.best-tech{
padding-left:.25rem;
}
.star-container {
width: 6.25rem;
height: 1rem;
display: flex;
justify-content: center;
background: url(./images/icon-star.svg);
background-position: center;
background-repeat: space;
}

Tip

The value of the property font-whight does not have a unit.

If the value of margin, padding is 0 you don't have to add a unit.

-Examples:

h1{
font-whight:700;

p{
padding-top:0;

I hope my suggestions were helpful.

Happy coding

my advices go to the way you spaced your section with class main, it already as flex, you could give it a justify-content: space-between property, it would space itself and you would not need to space it with margin-left;

And you main tag could use a container class; to limit the space of the design , because you layout tend to have a scrow bar in big screen, I hope it was helpful to you