Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

FAQACCORDIONCARD

Ashish Kumar• 20

@Ashishkumar1676600

Desktop design screenshot for the FAQ accordion card coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


One slight error suggest any solution..

Community feedback

Karim• 590

@Galielo-App

Posted

hello, explain the error please :)

2

Ashish Kumar• 20

@Ashishkumar1676600

Posted

The image with @ on it is not covering whole part on background image.

0
Adam• 430

@aemann2

Posted

@Ashishkumar1676600 add the z-index attribute on that element in the CSS and set it to 1. whenever you have problems with one item being behind or in front of another element, one way to fix it is the z-index.

Here's a more detailed explanation:

https://developer.mozilla.org/en-US/docs/Web/CSS/z-index

1
Karim• 590

@Galielo-App

Posted

@Ashishkumar1676600 hello,

In line 35 of your responsive.css file, you wrote z-indesx: 1, but actually the correct tag is z-index: 1;.

happy coding and please upvote my comment if I was helpful :)

1
Ashish Kumar• 20

@Ashishkumar1676600

Posted

@Galielo-App After correcting typo it is still same, please check once more if possible.

0
Karim• 590

@Galielo-App

Posted

@Ashishkumar1676600 hello, can you tell me what image you're talking about?

0
Ashish Kumar• 20

@Ashishkumar1676600

Posted

@Galielo-App The box image with @ sign on it.

0
Karim• 590

@Galielo-App

Posted

@Ashishkumar1676600 I'm looking at it right now and for me, it works just fine, maybe a bug in your pc?

0
Adam• 430

@aemann2

Posted

@Ashishkumar1676600 It looks right to me too. FYI, if you make a change that you really think should fix a problem and it doesn't seem to work, try [clearing your browser cache] (https://www.google.com/search?q=clear+browser+cache&sxsrf=ALeKk02UraWxqvZde7fnS8p5Jjxh4PHH8Q%3A1616264717559&ei=DT5WYMXFIdHO0PEP3dGg0AY&oq=clear+browser+cache&gs_lcp=Cgdnd3Mtd2l6EAMyBwgAELEDEEMyBAgAEEMyBAgAEEMyBAgAEEMyBAgAEEMyAggAMgIIADIECAAQQzIECAAQQzICCAA6BwgAELADEEM6BAguEEM6BQgAELEDUNRBWM5TYLJUaANwAngAgAFpiAG0DZIBBDE4LjKYAQCgAQGqAQdnd3Mtd2l6yAEKwAEB&sclient=gws-wiz&ved=0ahUKEwiFgOmiv7_vAhVRJzQIHd0oCGoQ4dUDCA4&uact=5). Sometimes your browser holds on to an old version of a page (usually the images in particular) because it helps speed up loading times. Clearing the cache will make it load the page fresh again.

0
Karim• 590

@Galielo-App

Posted

@aemann2 I don't think this is the problem, because the image still the same, he is just changing the index. That's why I'm really confused.

0
Adam• 430

@aemann2

Posted

Do you mean the HTML validation issue? Look like you fixed it in your most recent code by removing type='text/javascript' . You can request a new report to get that error to go away. You can check your validation here:

https://validator.w3.org/#validate_by_input

1

Ashish Kumar• 20

@Ashishkumar1676600

Posted

Thanks.

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord