Mobile 1st, SASS, flex/grid, details/summary, pseudo-elements, filter

Community feedback

• 

  David Frederick•15

  @david-r-frederickPosted almost 4 years ago

  Sorry, I should clarify. That graphic isn't centered when the screen is wider. When it's phone width, it's fine. You can find a way to make it always centered though.

  0

  ---

  

  Dave Collison•115

  @thebigdavecPosted almost 4 years ago

  @david-r-frederick Thanks for the feedback. The graphic seems to have a bit of whitespace on the left and none on the right. I've compensated for it now. In regards to a nice transition effect, it wouldn't really work with this solution because I'm using the <detail> and <summary> html elements and no javascript and, sadly, detail and summary don't play nicely with transition.

  0
• 

  David Frederick•15

  @david-r-frederickPosted almost 4 years ago

  Hey Dave! Looks great! A couple things: 1) I would add a transition effect for when the questions open and close. It's not necessary, but it would make a much smoother user experience. 2) The mobile version of the graphic with the woman and the computer is not centered. You have the FAQ header centered, so I'm sure you have the skills to figure it out ;)

  0