Skip to content
Submitted almost 2 years ago

Responsive FAQ accordion card

4jdin•50
@4jdin
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

Hi, I hope you like my solution for this challenge.

I'm doing responsive design for the first time, and I found all the solutions regarding responsiveness on YouTube, but I also tried to do the challenge in my own way.

If you have any questions or advice, feel free to write.

Community feedback

  • Lukasz-Milde•150
    @Lukasz-MildePosted almost 2 years ago

    Hi! Looking good. Well done for the box images small challenge. It was tricky. If you're looking for advice, I can give you a couple. Avoid pixels as much as you can, when comes to responsiveness. They can be good for certain things, but try to dive a bit deeper into em/ rem/ %/1fr/ etc. Try to use them in margins, paddings, width, etc. Another good practice is to avoid setting a height on divs, containers, etc. One last small thing, not technical. It would be great to see some transitions on dropdowns and arrows. Few lines of code, but huge difference. Good Luck and have Fun :)

    Marked as helpful
    0
    4jdin•50
    @4jdinPosted almost 2 years ago

    @Lukasz-Milde Thank you for your feedback, I appreciate it.

    0
  • Lukasz-Milde•150
    @Lukasz-MildePosted almost 2 years ago

    You're welcome :) Here are some links about the topics I've mentioned. Kevin Powell is the path to follow when we talk about css. Have fun ! :) ______https://www.youtube.com/watch?v=IWFqGsXxJ1E________https://www.youtube.com/watch?v=VQraviuwbzU__________https://www.youtube.com/watch?v=N5wpD9Ov_To.

    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