Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive Company Stats Card

@Moses2308

Desktop design screenshot for the Stats preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I was unable to get the image to properly fill the area in the widths between 375px and 1440px. Does anyone know of a solution to this issue?

Thanks in advance for any help! It's greatly appreciated.

Community feedback

Aimal Khan 2,260

@Aimal-125

Posted

Bro in your css code, make two divs each with width: 50%; set the main container width to in which these two divs will be and set its width to 80% relative to the body element. Set the image element's width: 100%; height: 100%; display: block; and it will fit on all screens.

0

Please log in to post a comment

Log in with GitHub
Discord logo

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