All comments

• 

  Giorgi• 200

  @siduki

  Submitted about 2 years ago

  Hello everyone

  I have solution for this challenge, but it's not fully done, have two task.

  1. Overflow of box image, how can I resolve it, I can't find solution.
  2. Accordions arrow icons showing on Firefox and don't on Chrome, can't resolve.

  If you have some solution or advices, please don't hesitate.

  

  FAQ Accordion Card with HTML, CSS, Bootstrap 5.2

  1

  31

  

  Tien• 210

  @NN-NT-TN

  Posted about 2 years ago

  .accordion-button.collapsed::after { background-image: url(../Images/icon-arrow-down.svg); this should be "background-image: url(../images/icon-arrow-down.svg"); background-size: 100%; width: 12px; } make sure the links are correct yes whether the letter capitalize or not I guess Firefox don't care about capitalization .

  Marked as helpful

  0

  This comment has received 2 repliesShow
• 

  Ramachandra Anirudh Vemulapalli• 850

  @aniru-dh21

  Submitted about 2 years ago

  

  FAQ Accordion Card

  1

  10

  

  Tien• 210

  @NN-NT-TN

  Posted about 2 years ago

  In the body tag you could use flex-direction: column; in your CSS so your Accordion card and attribution are in separate lines. a Also in your card class you don't need width and max-width because width will override max-width so just uses max-width otherwise good job

  Marked as helpful

  0

  This comment has received 1 replyShow