Vanilla JavaScript, Components

Greetings Raul-TC , so far so good.

• You did a great job. The display generally looks good .

1. at about 375px and below, the site looks good and it is scaling well
2. take a look at about 429px, your site breaks, with the header touching the edges of the browser and the main image just being a very tiny invisible image as well as the other thumbnail images. It starts to look better at about 750px, but will need to be centered to look much better. The header still needs attention so as not to touch the edges as shown in the design. The counter-container does needs some attention as well between 429px and 1307px.

• i would not advice to set a width or max-width on the body element , it is the viewport and that should be as wide as it should be. However you can set that on container element that will be the only direct child of the body element. Setting a min-height on the body element with the following statement min-height: 100vh; is another method that is widely used.
• on small devices, there is the left and right button which are not reflected by your design.
• you did well with the logic part, the implementations are working as expected.