Mubaraq Wahab
@mubaraqwahab
All solutions
Submitted
URL Shortener with State Machines
- HTML
- CSS
- JS
- API
I'm back to Frontend Mentor after months! I solved this challenge using XState, a library for creating state machines and statecharts.
Submitted
Theme Switcher with Tailwind CSS
- HTML
- CSS
- JS
Hey 👋🏾
I followed the CSS Tricks article: A Complete Guide to Dark Mode on the Web to create the theme switcher. It works like this:
When you visit the page for the first time, it would use your OS's color theme. So, for example, if you have your OS's dark theme turned on, you would see the page in the dark theme. Then when you change the theme of the page, your new preferred theme would be saved in your browser (in local storage). So the next time you visit the page, you'd see it in your preferred theme.
If you've taken this challenge, I'd like to know, are the cards supposed to be links? The active-state designs show them to be "hoverable".
Also, I'd like to know if there's something I can improve in my solution. Thank you!
Submitted
Hey, can you share a tip on stretching the Mac image to the end of the screen? I couldn't do that. Thanks.
EDIT: Done now. Thank you @sankaragomathym.
If there's any other thing to improve on, I'd like to hear.
Submitted
Hey. Please leave a comment if you find anything that should be fixed. Thank you.
Submitted
I'd like to hear your feedback on this. Thanks!
Submitted
Data storage component
- HTML
- CSS
Feedbacks are welcome, especially on the accessibility. Thanks.
Submitted
Hey, this is my first challenge here! I tried making the share button and tooltip accessible, and I would like some feedback on it. You can try tabbing through with your keyboard or using a screen reader.
I have one particular question. You might notice that tabbing out of the tooltip (or pressing Esc key) closes it. However, a screen reader wouldn't be aware of this (well, at least NVDA). Is there a way to inform a screen reader of this?
Thank you.