Base Apparel Coming Soon Page

Community feedback

• 

  Sunny•525

  @statanasovaPosted almost 4 years ago

  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 :)

  1

  ---

  

  Utkarsh•50

  @utkarsh-UKPosted almost 4 years ago

  @statanasova Thanks for your suggestions buddy. It was really needed. I'll checkout the links surely.

  Thanks again!

  0
• 

  Addy•15

  @Addy-exePosted almost 4 years ago

  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 .

  1

  ---

  

  Utkarsh•50

  @utkarsh-UKPosted almost 4 years ago

  @Addy-exe Yes mate, I'm working on that. Thanks for the feedback!

  0
• 

  T

  ApplePieGiraffe•30,545

  @ApplePieGiraffePosted almost 4 years ago

  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)! 😁

  0