All solutions

For this challenge I used CSS Grid instead of Flexbox.

It's the first time that I use Grid and pretty happy so far with the result.

Please let me know if you notice anything in the CSS that could be improved.

Thanks

Thanks for viewing this submission.

If you find it nice or if the code helped you, please give it a like ❤️

The desktop design was quick to build. It was challenging for me to create the mobile design based only on the screenshots.

Kudos to @navidabdi as his solution really helped me understand on how to structure the HTML and CSS for this project. I kind of struggled with the image (dimensions and filter).

I've used SASS/SCSS and React for this project. Althought React is totally not necessary here, I like to have a basic React project.

Again, thank you for your likes, comments and feedbacks!

Thank you for viewing my 6th project! I was able to reuse the email validation logic built in a previous project for the intro with signup form challenge.

For me the difficulty here was to structure the html and to decide how to divide all parts of the design.

For example you'll notice that I'm not totally respecting the way the error message should appear on mobile. That's because I went ahead with an absolute positioning instead of allocating some space below the input field.

To improve this project, this is what I plan to do:

• Fix the design of the error message to match provided mobile design
• Change Facebook icon with LinkedIn icon
• Add social links
• Add success/thank you message once email is sent

Thanks for your feedback and let me know how this project can be improved.

The bigest challenge here was to retrieve a new advice on each new click on the dice. At first fetch or axios were not getting a new advice even though I was triggering a new request to the API url. This was due to fetch and axios caching data. To overcome this issue, the solution was to add a timestamp in the URL.

Overall I'm pretty happy of the outcome and it was also fun to great that glow effect when hovering the dice.

Hope you like this one!

I would be super grateful if you could follow me here or on Twitter @melwyncode

Thanks ❤️

Hi! 👋 Hope you'll like this one. I tried my best to make this "pixel perfect".

Thanks in advance for your likes, follow and comments 🙏

PS: Make sure to check the Git repo in case you're looking for a boilerplate using React/Sass/ParceJS. It's been my setup for a while now and it's saving me tons of time!

Twitter: @melwyncode

Here's my first submission with React to handle all the input errors on the form.

Feel free to visit the live link to check the form. Just to confirm, the form won't save your data ;-)

Hi! Thanks for checking my submission. For this project I tried my best to make this pixel perfect. I used SASS and you can find the code in the git repo.

Let me know how you think this can be improved.

Thanks!

Hi! That's my first submission here! Thanks for your feedback.