Design comparison
Solution retrospective
One slight error suggest any solution..
Community feedback
- @yasssuzPosted over 3 years ago
hello, explain the error please :)
2@Ashishkumar1676600Posted over 3 years agoThe image with @ on it is not covering whole part on background image.
0@aemann2Posted over 3 years ago@Ashishkumar1676600 add the
z-index
attribute on that element in the CSS and set it to1
. 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@yasssuzPosted over 3 years ago@Ashishkumar1676600 hello,
In line 35 of your responsive.css file, you wrote
z-indesx: 1
, but actually the correct tag isz-index: 1;
.happy coding and please upvote my comment if I was helpful :)
1@Ashishkumar1676600Posted over 3 years ago@Galielo-App After correcting typo it is still same, please check once more if possible.
0@yasssuzPosted over 3 years ago@Ashishkumar1676600 hello, can you tell me what image you're talking about?
0@Ashishkumar1676600Posted over 3 years ago@Galielo-App The box image with @ sign on it.
0@yasssuzPosted over 3 years ago@Ashishkumar1676600 I'm looking at it right now and for me, it works just fine, maybe a bug in your pc?
0@aemann2Posted over 3 years ago@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@yasssuzPosted over 3 years ago@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 - @aemann2Posted over 3 years ago
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
Please log in to post a comment
Log in with GitHubJoin 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