Skip to content
Submitted 12 months ago

FAQ-Accordian

yagnik0•420
@yagnik0
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...FAQ accordion
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

I've tried too as much as precise and close to the design and manage to complete this challenge.🚀 But still my background image not being getting responsive to the mobile design any help regarding my code optimization and background image would be great.! 😌

Happy Coding !!🫡

Community feedback

  • Kris•90
    @ly-mathPosted 12 months ago

    Hey, nicely done, I've noticed you mentioned that your background img not being responsive for small screen is because, you didn't set @media for smaller screen size. And there is another Background image for smaller screen in the "Images" file. Here's an example:

    @media (max-width: 600px) {

     body {

    background-image: url(assets/images/background-pattern-mobile.svg);

}

    }

    You can set the min or max-witdth to whatever suit your project. I'm not a professional but Hope this help :)

    Marked as helpful
    0
    yagnik0•420
    @yagnik0Posted 12 months ago

    @zkris-69 Thanks for taking your time on reviewing my code it is helpful, I'll do it very soon.😊

    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