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

Blogr landing page using SCSS, BEM and Vanilla Javascript

@AmazingTool777

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


Well, this challenge was a good one a practice. I organized my scss files in a certain way but I need to work on a more efficient way of handling that. The html also lacks of aria attributes. The trickiest part was placing the background images at the right position that I failed to reproduce a close version of the bg images to the the ones in the template. What technique did you use for positioning the background images? Also, my navigation bar links box seems to be toggled by default when I view the page on a real mobile device although it is not the case on the mobile view emulator in the browser's dev tools. Have anyone ever faced that issue and what was the solution? Thanks.

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