Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

FAQ-Accordian

yagnik0 420

@yagnik0

Desktop design screenshot for the FAQ accordion coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

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 70

@ly-math

Posted

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

@yagnik0

Posted

@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
Discord logo

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