FAQ card made with css only.

Community feedback

• 

  P

  Fluffy Kas•7,715

  @FluffyKasPosted about 3 years ago

  Hey, your solution looks really good and it's responsive, it's very cool what you can do without javascript! :) However, you could spend some time working on your html and css, it's a bit messy. I see many duplicate IDs (see accessibility report). IDs must be unique, so if you'd like to reuse certain styles, there are classes for that. I was looking for these IDs, where you actually use them in your css but couldn't find any (maybe they are there, but I had a hard time finding things in your css). Anyway, take a look at the report, it's important to make your code accessible, as well. Good luck! ^^

  Marked as helpful

  1
• Account deleted

  Hi,

  I think your solution looks good and the fact that there's no javascript is pretty impressive to me, but there's a few things you can fix;

  • Firstly the box needs to be positioned a little bit better so it'll be in it rightful place.

  • & like how when tags are opened, and increase in height there's a scroll bar created, but it'll be actually a whole better to have a scroll w/o the scroll bar... use ::-webkit-scrollbar { display: none} where you have the scroll bar and it'll be remove but you'll still have the scrolling ability, just without the ugly scroll bar.

  Marked as helpful

  0