Meet landing page html css

What are you most proud of, and what would you do differently next time?

Finally, I placed the image with faces on the page similarly, as shown in the design.

What challenges did you encounter, and how did you overcome them?

Challenges related to layouts, flexboxes, and grids. Difficulties in understanding the best names for blocks and elements.

What specific areas of your project would you like help with?

Hi everyone ✋

Feedback on my website's layout and suggestions for improvement

I would appreciate your feedback on both its layout and the usage of HTML tags. I'm particularly interested in whether I've used the correct tags for structuring content and any suggestions for improving the layout.

What a better way to put the circle with number

How better to place the image with faces

I used a div block and css background-image for that, but I'm interested in knowing if there is a better way to place it on a webpage.

Here is a snippet of the code I'm using:

HTML:

CSS:

.image_faces {
    background-image: url("./assets/tablet/image-hero.png");
    width: 100%;
    height: 200px;
    background-size: 120%;
    background-repeat: no-repeat;
    background-position: top center;
}

Please help with naming blocks and elements in HTML.

Thanks a lot in advance:) Any feedback is important :)