All solutions

The tag for this challenge is for junior but seriously for me it is like an advanced challenge 🤣

Another fun challenge by FEM 😵 but learnt so much by doing this challenge ✨ I learnt and wrote the css using SASS. The web is fully responsive, no media queries on layout (especially for the cards) by only using two lines of css grid. The dark mode switch by utilizing css variables and activating the switch with a lil bit of JS. I watched this nice tutorial 📺

My attempt to my 3rd challenge on Frontend Mentor. First time use css grid here, the responsiveness isn't automatic, it's a total mess on css kitchen. It means I manually added some viewport breakpoints to rearrange the grid column/row position of each cards. Haven't figured it out yet with cleaner code 🤔

My 2nd challenge built with plain html and css. I sprinkled the icons with basic motion using css 🍨 and will be triggered (using JS) when the cursor hovers the card. Also works on mobile screen, but since there's no hovering state it will be triggered when you clicked the button. ✌

with little bit of ketchup 🍅 (weird. the stat numbers aren't showing in the preview 🤔. you should see it live.)