Mobile first, simple animations (Sass)

Hey, there, Grzegorz Sterczewski! 👋

Good job on this challenge! 👏 Your solution looks good and is responsive! 👍

I have just a few more suggestions to improve your solution. 😉

• Changing the value of the background-size property from contain to cover in the desktop layout of the site will ensure that the background image always fills up the entire area of the viewport.
• Adding a max-width to the main container or wrapper will prevent the content of the page from stretching out too far on extra-large screens.

Keep coding (and happy coding, too)! 😁

Hello, Grzegorz! Nice solution. I love your animations. One suggestion, it would be great if you increase some padding for social icons. Now, it's a little difficult to select. Anyway, it's really great. Look forward to seeing other solutions from you. Happy coding~ :)

Hello, Grzegorz! 👋

Congratulations on finishing another challenge! Your solution responds quite well! What i would suggest is:

• On mobile resolutions i would change padding on your .hero element. Maybe something about padding: 0 1.5rem.
• Alternative text on .hero-img says nothing to user. It is better to leave alt attribute empty for decorative images.
• I would use anchor tag for .hero-btn instead of button. Buttons are for actions and your Register button will navigate user to another page.

Good luck with that, have fun coding! 💪