Responsive landing page using bem and fluid typography
Design comparison
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 GitHubJoin 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