Responsive accordion component built with HTML5 and CSS3 (no JS)

Solution by

Design Comparison



  • 0Accessibility

  • 0HTML

View Report

Bruno Mazza's questions for the community

In order to move the illustration image as per the design (displaced from its original position and overlapping the container), I used the "transform: translate()" property. Now, I initially tried with "position: absolute", but I wasn't too happy with the result. I would love to hear what you guys think :)

Slack logo

Join our Slack community

Join over 40,000 people taking the challenges, talking about their code, helping each other, and chatting about all things front-end!