All solutions

Interactive rating component

• SCSS
• BAM
• Responsibility
• Adaptivity
• Semantic
• JavaScript

I would appreciate your feedback.

Responsive and adaptive layout for news magazine landing page.

Tried to apply the correct semantics, and the BEM methodology.

Despite the fact that JavaScript is specified in the project, I did not use it. It is possible to perform the functionality of opening/closing the mobile menu using only css, as I did.

I will be grateful for your comments and advice )

This component is cut out of context, so the h1 element is not needed here.

Based on the design, I decided that there is no point in making this component responsive, adaptability is enough. What do you think?

I'm trying to use the BEM methodology, but I'm not sure if I'm doing it right. I will be grateful for tips.

Also not sure if these 3 images need an alt attribute.

Another mini task of layout of the component.

Layout of the product preview card

Did it using SCSS and was trying to follow BEM.

I didn't separate the styles and images into subfolders because it doesn't make sense for such a mini project.

CSS file was also not minimized specifically for readability.

I would appreciate your feedback.