Skip to content
OverviewSolutions
8
Comments
2
Tien
@NN-NT-TN

All comments

  • Giorgi•200
    @sidukiSubmitted 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
    Tien•210
    @NN-NT-TNPosted 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
  • Tien•210
    @NN-NT-TNPosted 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