Hubble landing page

Amazing job Artem. Pretty much pixel perfect. Great to see you're thinking about aria-labels in your code.

• I would add a bit of spacing to your main container when it hits 1100px in your media query.
• Add a cursor: pointer to your button.
• Your structure is well put together and I recommend adding some html semantics. Example div.container to main.container

Great job 👍👍

Hey, Artem Ponomarenko! 👋

You're completing so many challenges! You've done another great job on this one! 🙌

You've already received lots of great feedback, so I'll just say nice work, once again, and keep it up! 👍

Looking forward to your next solution, too! 😆

Happy coding! 😁

Good job, Artem! I appreciate that you added hover states to the button and social links. Is this the last of your "newbie" challenges? If so, big congrats! 🎉

I have a few, small suggestions:

• To make your mobile layout more responsive, you could change the container width: 300px to min-width and then play around with the max-width percentage a bit to see what you like (I think somwhere around 65% seems to work well).
• After about 675px, the mobile background stops expanding. background-size: contain is definitely what fits the mobile design, but you might want to consider adding a small media query around that width to switch it to cover. If you keep it on cover, it will also fix a similar issue that happens with the desktop background when the height gets too large (ex: 1440 x 900).