Latest comments
- @Nthenya001@NENGXT
Nice job finishing the challenge — everything’s working smoothly!
If you’re open to suggestions, I think adding some styles to the input and button (like spacing, border-radius, or hover effect) could really polish up the look. Just a little visual touch-up can make a big difference 🙂
Keep it up!
- P@CarlHummWhat are you most proud of, and what would you do differently next time?
A fun challenge, open to any feedback/advice.
What challenges did you encounter, and how did you overcome them?-
Thinking in pixels: At one point I couldn't understand why my layout shifted between two breakpoints, then I realised I had placed a condition 1rem less than the breakpoint, and not 1 pixel. :)
-
Spam clicking would break the pause animation and throw the visibility of modal out of sync. Implemented a delay and check and found out about race conditions and debounce techniques - more research needed.
-
When toggling the menu button to close the modal, I had initially expected the mouseover event to re-fire and pause the button idle animation, however this didn't happen. I learned about event propagation and focus behavior in the DOM and solved it by setting the focus back on the button after closing the modal.
-
Started off experimenting with a CubeCSS approach but found it hard to stick with it as time progressed. Much like how you quickly troubleshoot in the browser I found I was writing quick css answers to problems without first considering the larger context of my styling methodology.
A small challenge but one which has given me a few interesting topics to research further into.
-
- @jadeli1720@NENGXT
cool!
- @MohanLingam@NENGXT
This is a well-structured and clean CSS implementation. The use of CSS variables and responsive design breakpoints shows good understanding of modern front-end practices. The layout using CSS Grid is organized and easy to follow, and the color-coding of cards using border-top adds a nice visual touch.
- @SajeedAninda@NENGXT
Cool!
- @alisoroori@NENGXT
Cool!