Submitted over 2 years ago

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

AFIQUE• 115

@AF1QUE

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Blogr landing page

HTML
CSS
JS

2junior

View challenge

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

@obriedan

Posted 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. 👍

AFIQUE• 115

@AF1QUE

Posted 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.

Please log in to post a comment

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