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

Desktop First by Grid (Designs are only available in specific widths)

christopher II• 1,220

@donchriscorleone

Desktop design screenshot for the FAQ accordion card coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Why I cant hide the overflowing image?

If you can't see the image at the live site url, please refresh or there is a problem in the host.

Community feedback

Eles• 1,300

@eleswastaken

Posted

Hello! In this particular challenge you could set the image as a background, like so

background: url("the-image.png") no-repeat;
background-size: XXpx;
background-position: Xpx Ypx;

You then adjust the size of the image, and the X/Y positions. Good luck!

0

christopher II• 1,220

@donchriscorleone

Posted

@eleswastaken thanks!

0
Shina Qin• 100

@bqShina

Posted

Hi, you can apply " over-flow: hidden; " on CSS to hide the overflowing images. :)

0

christopher II• 1,220

@donchriscorleone

Posted

@bqShina thanks!

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