Base Apparel Coming Soon Page

Pretty good work on the desktop version!

Try adding object-fit: cover to the .hero img - it will keep the image in the proper aspect ratio on all resolutions.

About the mobile version - yes, you can use Flexbox or Grid with some media queries to switch between mobile/desktop and other resolutions.

If you are new to both methods, I'd suggest to start learning Flexbox first, as it is a bit easier to understand. Here are some free resources to get you started:

What the Flexbox? by Wes Bos

Learn Flexbox for free on Scrimba

Wes Bos and Scrimba have free courses on CSS Grid as well.

Happy coding!

PS. Upvote if any of this was helpful :)

Hey there...! I have gone through your website & its pretty good. But it's not responsive anymore . I would like to suggest you that you should learn about " media queries " in CSS , it will help you to make it responsive .

Hi, Utkarsh! 👋

Nice work on this challenge! 🙌 Your solution looks pretty good in the desktop layout and the form validation works well! 👍

Besides following the other's advice and making your solution responsive, I just suggest adding cursor: pointer to the submit button.

Keep coding (and happy coding, too)! 😁