Skip to content
Submitted almost 3 years ago

Built with SASS and React

Leonardo de Souza Nunes•100
@LeoSouzaNunes
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...FAQ accordion card
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hello, how could I set the desktop position in more natural way? In my solution I was using a lot of different position values to fit the image in the exact location but it doesn't look good.

Community feedback

  • Web Wizard•5,690
    @rsrclabPosted almost 3 years ago

    Hi, @LeoSouzaNunes ~

    Congratulate on your solution to the challenge on FM platform. I have studied your work carefully and learned a lot from it.

    Here are some of the tips I like to provide.

    1. I saw your box is far from faq card on wider screens. I think that's because you set position using left, and because of this such things occurs. I suggest to use pseudo element.
    2. Also doesn't match well on responsive points. You can use more media queries to solve this.

    https://www.frontendmentor.io/solutions/faq-component-PVa_spYOL

    Here is my solution to this challenge, and if it can help you even a bit, it would be happy to me.

    Cheers ~

    Marked as helpful
    0

Please log in to post a comment

Log in with GitHub

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