Skip to content
Submitted over 2 years ago

Base-Apparel-coming-soon-page

Mahdi Rezaei•500
@MahdiSohaily
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Base Apparel coming soon page
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hello every one, I have completed this challenge but the hero image looks a little bit off. How can I fix it?

Community feedback

  • David•8,000
    @DavidMorgadePosted over 2 years ago

    Hello mahdi congrats on finishing the challenge!

    It seems that your image brokes a bit when shrinking the screen, try adding object-fit: cover instead of object-fit: fill, I would also change the grid columns to 55% first column and 45% second column.

    With this fixes I think the image gets a little bit better!

    Hope my feedback helps you, if you have any questions don't hesitate to ask!

    Marked as helpful
    0
    Mahdi Rezaei•500
    @MahdiSohailyPosted over 2 years ago

    @DavidMorgade Thanks for your feedback. I accidentally forgot to change the object-fit: value to cover while testing the available options.

    1

Please log in to post a comment

Log in with GitHub

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