
Sass modules & Vanilla js Blogr Landing page
Design comparison
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!
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