Skip to content
  • Unlock Pro
  • Log in with GitHub
Solution
Submitted about 2 years ago

Responsive landing page using bem and fluid typography

bem
Justin•140
@justinvanre
A solution to the Blogr landing page challenge
View live sitePreview (opens in new tab)View codeCode (opens in new tab)

Solution retrospective


Welcome to my solution to the Blogr landing page.

I have to say this one was tough due to the need of using position and the amount of times a style changes based on desktop or mobile. It was also hard to name sections, especially the menu component, as it required multiple double container patterns. The same goes for other parts. That said, it was a fun and educational, and I will take a lot of lessons learned with me in future projects.

That said, It would be nice if you had feedback on organizing class names (modifiers) according to the BEM method. I mainly had trouble with this with the menu and the different states. However, any other feedback is also much appreciated.

Code
Loading...

Please log in to post a comment

Log in with GitHub

Community feedback

No feedback yet. Be the first to give feedback on Justin's solution.

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

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner
  • Use cases

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License