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

Responsive landing page using SCSS

Patrizia 110

@patriziadev


Design comparison


SolutionDesign

Community feedback

Danilo Blas 6,300

@Sdann26

Posted

Hi, Patrizia!

The transitions and the layout are almost perfect. Regarding the shadow that is in Register is too sharp, you could give it transparency by changing it to ** box-shadow: 0px 3px 15px 15px rgb(0 0 0 0 / 40%);** the last slash percentage allows you to reduce the opacity.

On the other hand if you want to avoid the low scroll that is formed when shrinking the screen try not to use, width: 100vw; since by inertia this takes all the screen including the scroll and for that reason it comes out this way better use width: 100%; to avoid those problems, I mention it for #wrapper.

And well for now I would only use that to improve it as far as I could see.

Good Coding!

Marked as helpful

0

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