All solutions

Hey, folks. I've been working with a lot of JavaScript frameworks(Angular, NextJS, etc) lately, and so I decided to challenge myself with this simple project.

To make the project a bit more interactive, I added a few features like:

1. A warning message when a user tries to submit the rate button without picking a rating number. (Just a simple user precaution).
2. Back button on the thank you menu so users can return back to the initial menu and drop another rating without having to refresh the page.

If you like my solution, or you know ways in which my submission will be a lot better, please do let me know in the comments below. Thanks.

✨ Here is my solution to the frontendmentor advice generator challenge.

This is by far one of my favorite frontendmentor challenges. 🤩 When I saw two different images for the divider, I was a bit confused about how to implement them in a clean and accessible way, this lead me to make some research on the picture element which was the perfect solution I needed. I'm quite excited to have learnt something new and I plan on using this challenge for a tutorial to hopefully help someone else.

Feedbacks and comments are highly appreciated.

I wrote more CSS than required for this challenge, because I wanted a different responsive layout for tablet screens. Also added comments to make reading this easier.

This card was aligned using CSS flexbox which required a large chunk of CSS code to work, would prefer to have a simple solution to design this. If you have any recommendations, do well to let me know. Thanks