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

Mobile first design using plain CSS and Flexbox

@florianstancioiu

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


Feedback is highly appreciated, thanks in advance!

I had some trouble with setting the right width for the FAQ text on the desktop, I couldn't use padding because padding would enlarge the containing div (because of display flex), I hacked it by setting fixed widths on the h1 and ul.

Community feedback

Manjiri Phatak• 90

@manjiriphatak

Posted

so much to learn from your code :) I was just over complicating mine.

1

@florianstancioiu

Posted

@manjiriphatak I think I've made some mistakes on the desktop version, it feels weird having to set fixed widths there. I don't know why but it feels like a code smell to me.

0
Manjiri Phatak• 90

@manjiriphatak

Posted

@florianstancioiu ...... but without fixed width my element just wont show up... it is not visible without fixed width.

0

@florianstancioiu

Posted

@manjiriphatak Yeah, you're right

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