Skip to content
Submitted over 3 years ago

Mobile first, flex box for desktop

sudarshan-github•150
@sudarshan2718
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Stats preview card component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

How the image has to be placed?

  1. using "cover" for background-size crops the image
  2. using "contain" compress image to fit
  3. using manual dimensions, will stretch the image or squezz the image to fit in those dimensions. Is there any better way?

Community feedback

  • saichandra2896•70
    @SaiChandra2896Posted over 3 years ago

    Instead of using it as a background image you can use normal image and use object-fit property

    0

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