All solutions

I had way too much fun animating the mobile drop down menu.

Check it out, and as always I'd love to hear your feedback1

I chose to use React to create this solution, and used ChartJS to render the graph. Feedback as always is more than welcome.

I also included an image animation and some hover effects...

Built using React. I used React State to keep track of the un-read messages and update the Unread Messages Counter.

Appreciate any thoughts and feedback.

Built using React

Built this one using React. I think have a nice responsive layout using Grid. Love to hear any feedback!

This was a fun one.

I'm particularly proud of my mobile menu, check it out and let me know what you think.

I made use of SCSS for this, it was immensely helpful in creating responsive definitions on the fly in my stylesheet. I'm sure I have a lot to become efficient with SCSS, but I don't think I'll go back to plain CSS anytime soon.

Thanks for the feedback on this one!

I used React to compartmentalize the card components, and a grid layout to help with the responsive aspects. I also added a in between tablet view with 2 columns of cards.

Look forward to your feedback!

This was fun, enjoyed adding simple animations to the 'share' menu. Let me know what you think, look forward to looking at others solutions.

Another fun challenge. Let me know what you think I can improveon.

The accordions were challenging, I resorted to implementing them with Javascript. I think the fact that I wanted them to have smooth animations is where I struggled the most. The end result though I am happy with.

Looking forward to your feedback and reviewing others solutions.

I really enjoyed this challenge. I received an air drop from front end mentor for a free figma file, it was super useful when putting this challenge together.

I feel like my javascript is well organized, but also feel there are a lot of javascript tricks that I need to learn. Would love any critique of this code.

Thanks

I enjoyed this one. I had a bit of trouble getting the image to display appropriately in all screen resolutions, I essentially added an extra @media query just to make sure the image displayed close to correctly between mobile and full desktop. I'll be looking forward to see how others accomplished this.

I used React for this solution, and I created a Card.js and Card.css to control the display of the cards. I couldn't find a way to get the coloring of the card or button hover to work with pure CSS, instead I used HTML Style tags for the card color, and onMouseEnter / onMouseLeave events for the button hover.

Is there a way to use pure CSS to do this? I don't know how to have the CSS know what color to use without hardcoding it.

Anyway, fun challenge. I appreciate any and all feedback.

I am curious to see what others did to create the hover effect on the image.