All solutions

Hi everyone, I would like to share my experience while doing this project.

• I wanted to try this project as this was on the Wall of Fame.

• I also tried to make it more accessible and used BEM naming convention.

• I wasted hours to create a feature, later realizing that there's no scenario where that feature would be useful.

• I also tried to use background-image instead of img elements for Home page photos, learnt how to change a div size based on the background image, but later found out that this is not good for accessibility. So had to remove it.

• The hamburger menu was a good challenge. Read multiple articles and watched few YouTube videos. But sometimes it's glitching (not sure why).

• Overall it was a great project.

• The Lighthouse scores are 88 in Performance, 92 in Accessibility.

Any feedback about this project would be helpful!

This was a very interesting project. I got to learn a lot. Here are few of the interactive things to notice -

• If you submit without selecting any rating, the rating is 0
• You can select only a one rating at a time
• You can also deselect the rating by clicking it once again.

I know these are very basic logic, but it was fun to implement them in JS.

Now, here are some of the things I would love to get feedback on -

1. I wanted to use a form and radio buttons for ratings, but was unable to style them, hence I used div.
2. Some best practices for writing JS.
3. Any other feedback about the project is also welcome !

• Used Semantic HTML
• Tried to use img tag instead of background image

Feedback welcome

I was unable to fix the background image properly (especially for the mobile view especially). I would love to get some help on this.

• I noticed one thing. If the illustration image is removed, then the background image doesn't change.
• I don't know what happens if we place an image on top of a background image. The background image doesn't respond very well. ( I tried using z-index as well, but nothing happened )

Any other feedback on the project is also welcome.

I'm not 100% sure how to deal with images on a website. Tried to make it as similar as possible like the given designs.

Would love to get some feedback about this project. Also, if you know some of the best practices feel free to comment.

This project is a solution for a notification page. It is responsive and has two views, Desktop and Mobile view.

Feel free to give feedback about the project. Also, I would love to get some opinions on the best practices.

• I was unable to implement a border radius with a gradient border on the Instagram Card. I would appreciate it if someone could provide some good resources for this.
• Also, I'm a newbie at JS. I would love to get some insights about the best practices to write JS code because I think the light-to-dark mode logic could be written more efficiently.
• I'm open to any other suggestions as well. Feel free to comment about it.

Thank You