Flexbox page

Community feedback

• 

  Amal Karim ✅•1,290

  @amalkarim

  Posted over 2 years ago

  Hi Octávio,

  Generally, you will need the image parent's element of the image has this property overflow: hidden;. But in this challenge, it's quite tricky. Because there are two images that shouldn't go beyond card boundaries, and there is an image that should go beyond boundaries (the red box image).

  To make this work, we need to create an element inside <section class="faq__container-destop"> that has position: absolute; and the same width and height as .faq__container-desktop itself, but with overflow: hidden;, then we place two images inside it. And we place the red box image outside it to let it go beyond the boundaries. Don't forget to give .faq__container-desktop position: relative;

  If you still have any problem, feel free to reply this comment

  13

  Marked as helpful
• 

  Ali Ahmed•680

  @Dany-GitHub

  Posted over 2 years ago

  You can set the overflow to hidden like that overflow: hidden; for more info you can see the documents MDN

  20