FAQ accordion card with Stylus & without JS

Community feedback

• Account deleted

  Hey there, how do you make your code line up in the design comparison? How are you estimating the sizes of the boxes in your solutions? This is nice btw!

  0
• 

  Mark Mitchell•1,820

  @markup-mitchellPosted about 3 years ago

  I don't mean the breakpoints, I mean the width of the card when detail is opened.

  If you look at viewport width 550px with all the FAQs closed, then open one the whole card expands horizontally.

  Anyway, good luck.

  0
• 

  Mark Mitchell•1,820

  @markup-mitchellPosted about 3 years ago

  This looks great - transitioning the height property makes the accordian open so smoothly!

  I notice that below the desktop breakpoint the width of the card increases with a jump when you open the accordian, which is a shame when you've gone to so much trouble with the height.

  0

  ---

  

  Maciej Poznański•210

  @macpozPosted about 3 years ago

  @markup-mitchell Thanks for your feedback. I use Chrome DevTools and during development I switched between 375px and 1440px and I didn't seen this jump. Now I added bit of a transition and it may not be perfect, but changing breakpoints is not that sudden.

  0