Skip to content
Submitted about 4 years ago

Sass modules & Vanilla js Blogr Landing page

accessibility, sass/scss
LVL 4
Travolgi 🍕31,260
@denielden
A solution to the Blogr landing page challenge

Solution retrospective


Hi frontEnder :)

This is my solution with SASS module, css Grid and Vanilla javascript.

I have deepened the use of SASS focusing on splitting into modules and reusing code through mixins and variables. I got more familiar with the Mobile-first approach and with the Grid css.

Also I added Login and Sign Up modals and initially had problems with centering because using flex the modal was centered in the center of the whole page and not in the center of the visible screen, but then I fixed it using display: fixed combined with old style alignment preceding flex and grid.

BUT

In adding modals, however, I was unable to remove that tremendous positioning effect you notice when modals are opened and centered on the screen.

Open to feedback on how to fix it 😁

Thank you for taking the time to check out my project and happy coding!

Code
Loading...

Please log in to post a comment

Log in

Community feedback

No feedback yet. Be the first to give feedback on Travolgi 🍕’s solution.

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