All solutions

Hi there! 🙋‍♀️ Here's another completed challenge! It was a bit tricky, almost everything is in position : absolute, I'm not sure if it is the right way though... I also would have improved the JS, but there's only two slides so it is very simplified here.

Any feedback is welcome!

Thank you in advance

Hello Everyone!

Here's my challenge for the card preview.😀 I'm not sure of my JS though, I used another share button on top of the share button when the popup is displayed.

Any feedback is welcome! Thank you and happy coding ! 💻

Hello Everybody! 🖐

This challenge was trickier than I thought:

• To avoid the overflow:hidden from the white card to apply on the box image on desktop mode: I used an empty div to position the box. The empty div has the same dimensions as the white card, so the box will move accordingly to the white card's resizing.
• I added a transition so the answer can unwind smoothly when clicking on the question. I had to include the height + the padding-bottom in the transition.
• I tried making it pixel perfect, but it means the card is not centered

I'm not sure I proceeded correctly for these points. Any feedback is welcome! 😊 Thank you in advance

Hey, everybody! 👋

My solution is definitely not pixel perfect, but I tried to make it look pretty on both mobile and desktop! (I'll make the pixel perfect version very soon) It seems to work ok, I'm just not sure of the cleanliness of my code... Any feedback would be much appreciated!

Thank you and happy coding🤗

Hello ! I'm not sure how messy my code is😅 Does anybody have some suggestion about the circle patterns in the background? I tried to make them as close as possible to the given designs, but it just doesn't look pretty when reducing or increasing the screen width...

Thank you in advance!