solution for FAQ-accordion-card challenge using html/css/js

Community feedback

• 

  Fidel Lim•2,775

  @fidellimPosted about 3 years ago

  Hi Yousef,

  I tried to play a bit with your code and in order to answer your question, you should include the "image-section-desktop" div inside "content-section" div. Then, transfer this code to "image-section-desktop":

  position: absolute;
  transform: translate(-15%, -120%);
  width: 400px;
  height: 305px;
  

  After that, include this in "content-section" div:

  position: relative;
  overflow: hidden;
  

  What overflow hidden will do is that it will not allow overlapping of "image-section-desktop" div. Which solves your question.

  I hope it helps. You can also read your report so that you have an idea of ways to fix some issues that occurred to your project. Great work anyways for implementing the design for both mobile and desktop views.

  Marked as helpful

  0

  ---

  

  Yousef Khalid•580

  @YousefKhalid-iqPosted about 3 years ago

  @fidellim Thanks a lot for the feedback, it now looks perfect :)

  1

  

  Fidel Lim•2,775

  @fidellimPosted about 3 years ago

  @YousefKhalid-iq that's great! Good luck with your future projects! Keep it up :)

  0