Skip to content
Submitted over 2 years ago

Blogr landing page challenge hub w/ sass, js & utility classes

AFIQUE•115
@AF1QUE
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Blogr landing page
  • HTML
  • CSS
  • JS
2junior

Design comparison

SolutionDesign

Solution retrospective

I really enjoyed building this project since it was my first time building my own little utility class names using SCSS. I've also learned to structure files and folders in a more modular way. What do you guys think about the usage of utility class names? Any remarks would be highly appreciated :)

Community feedback

  • Daniel•140
    @obriedanPosted over 2 years ago

    Hey @AF1QUE -- I just had a quick look. The page layout breaks between about 770px and 1150px viewport width. Those would be tablet to low-resolution laptop displays. I haven't learned SCSS yet so I couldn't offer any suggestions on how to fix it. 👍

    1
    AFIQUE•115
    @AF1QUEPosted over 2 years ago

    Hey @obriedan, Thanks for leaving your feedback. The free design doesn't contain the layout for the tablet device so I decided to keep it like that. If I get time I would love to create a dedicated layout for tablet devices.

    0

Please log in to post a comment

Log in with GitHub

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