Submitted 5 months ago

Meet landing page

SMHN• 200

@smhnfreelancer

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Meet landing page

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

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

I used the mobile-first approach to make this layout.

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

I created another div for the desktop Hero section. I wanted to apply the KISS principle, and I tried to avoid complicated CSS, so there are two different hero sections.

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

I Cheated on BEM naming because I didn't want an extra long CSS class name, I welcome any opinion.

Community feedback

yoyov51234• 240

@yoyov51234

Posted 4 months ago

HI There,

Greet solution!

I learned the overflow-x: clip from your code, good choice!
I'm new to BEM too, do we allow to have two elements defined like .content__buttons__what (Block, element, element) Rfer to this article, seems it's not. https://sparkbox.com/foundry/bem_by_example

( I should do this too ), give more comments in the code, so it will be easy to read/ maintain.

All in all , it's a excellent solution! Better than mine, good work~

Please log in to post a comment

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord