All solutions

Here's my solution to the challenge.

I didn't do many tweaks this time because I want to finish it as fast as possible.

One question is:

• how do you guys handle image overlay? Do you prefer to use <img> (like me) or using background-image property to <div>? And why?

Any feedback is appreciated!

This is an attempt to solve the Clipboard Landing Page challenge.

I did some modifications and customization like adding circled containers for the social media icons and adding a dark theme. I also added a little bit of text shadow for the sections' texts.

Like always, I always focus on maintainability and scalability so I try to code in a way so that everything is easily modified.

It's not perfectly built tho, because I did some hacky and unnecessary stuff that I later realized it can be done better (talking about overlay image and button). But anyway, I'm pretty happy with the result.

Do hope for getting some feedback!

I try to code in a way to make everything reusable and maintainable.

To name a class, I use this structure: {spesific class name based on hierarchy [using BEM]} {class name based on hierarchy [using BEM]} {styling class} {utility class} {Bootstrap class}

Try to avoid @extend except for the usage that's recommended by SASS. Use @mixin for utility and helper. Use class for styling.