All solutions

My first frontend mentor challenge using React.

The Typography on figma was so messy :D

Do you know why sometimes the fonts looks slightly different on figma although all properties (font-size / weight/ letterspacing are like 100% exactly like on figma project)?

Hey! Dear Frontend Mentors I would love your help. I am struggling with responsive cropped background-images like in this project. How do you calculate that? Do you use min() max() function to position and scale it due and make it responsive or you make it stick to one dimension and make it more adaptive? I would love to hear some advices because so far, the cropped background images are the hardest challenge for me.

Hello. Would love to hear your feedback - especially about the photos in hero section which change a lot from mobile/tablet - into desktop version. I have done it on desktop as :after and :before elements with position: abslute . I am not really proud of this solution - in my opinion it looks quite messy. I am still struggling with the inline paddings and media breakpoints. E.g. the design looks good with 1440px width (as in desktop design) and with 768px (tablet design) but i don`t know what to apply with e.g. 1024px (small laptop). Should i consider e.g. using min(XXXvw, XXXrem) value for margins/paddings? I would love to hear any feedback from you about that.

With such positioning are you trying to make a full responsive layout(is it even possible)? Or is it better not to worry about responsive positioning and sizesz, just make it adaptive only with @media breakpoints.

Do you think it is a good practice to use SCSS and BEM even for such small projects?