Design comparison
Solution retrospective
This was hands down the toughest challenge I've ever taken on. I didn't quite achieve perfection but learned a ton from it.
Community feedback
- @hnasser44Posted over 1 year ago
One thing to add is that I don't know why the add-ons at step4 are not visible, everything works well locally but on the hosted version they don't show. If someone can help me with it would be greatly helpful. Note: the add-ons appear on the mobile hosted version but not on desktop
0@CarlHummPosted over 1 year ago@hnasser44
I had a look myself and found the same problem. The addons wouldn't appear under chosen addons.
I looked in the browser dev tools and saw that a
.ad-on { display: none !important }
class was being injected from a third party source.This 'third party source' was my ad-block, AdBlock plus. The extension must be detecting the '.ad-on' class as ad related and attempting to hide it.
If you have an adblocker enabled in browser, try disabling and refresh or tweaking your class names.
Other than this, good job :)
Marked as helpful0@hnasser44Posted over 1 year ago@CarlHumm It was caused by my ad block extension, thank you so much :)
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