Mobile First workflow Social proof section challenge
Design comparison
Solution retrospective
Hello everyone, I would appreciate any feedback or advice you can offer.
Thanks.
Community feedback
- @brodiewebdtPosted almost 3 years ago
You project looks good. It is responsive at all screens. The stars are not showing up in Chrome for some reason.
The accessibility warning can be cleared by changing your H3 to H2 . You skipped from H1 to H3.
Hope this helps.
Marked as helpful1@AchrefFastPosted almost 3 years ago@brodiewebdt Hi David,
Thank you so much for your feedback. It is really helpful.
Concerning the stars, I'm using Firefox, so I didn't notice. I used the Unicode symbols method to design the stars. Could that be the reason why they didn't show up in Chrome?
Thanks again.
0 - @AchrefFastPosted almost 3 years ago
Hi David,
After some research, I found that the cause of the problem was that Chrome doesn't support the
background-clip: text;
property ,and I actually used it to create the stars.In my case I didn't really need the
background-clip: text
. So instead, I just removed it and used thecolor
property to color my stars, and that fixed the problem.Thanks for your reply.
0 - @brodiewebdtPosted almost 3 years ago
I don't know, it worked fine on Firefox. Chrome seems to be flaky at times for me. Especially when using the DevTools.
0
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