Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive landing page using bem and fluid typography

Justin 140

@justinvanre

Desktop design screenshot for the Blogr landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

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.

Community feedback

Please log in to post a comment

Log in with GitHub
Discord logo

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