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 accordion card using css grid

@shittusaheed01

Desktop design screenshot for the FAQ accordion card coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Please, check this and tell me how I cam improve it.

Community feedback

Nic 595

@nicm42

Posted

I love the way you have the questions font size growing as it opens.

One thing you could do is to think about at what point you want to change to the desktop view. Based on the design we know it should be the desktop view at 1440px, but is there space to switch to that view at a smaller width? For example, think about someone looking at this page on a tablet, would they like to see the mobile view or desktop view?

There isn't a right answer, to this, by the way, it's quite subjective. So you might look at it and think it's fine as it is and that's ok.

0

@shittusaheed01

Posted

@nicm42 Thank you for the feedback. Yes, there is away to switch to the desktop view at a smaller width, but I didn't consider using it since the challenge did not request it. It took 3-4 days to get this, and it still isn't perfect so I am going to leave it this way, until I get better.

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