All solutions

👋 Had fun, this was an easy challenge: Had no trouble Next steps, I want to use something like faker js to see how it will look with random data

Hey, I had fun completing this challenge,

I had difficulty making the design responsive, I would love to get feedback on it.

I had fun completing this challenge, some of the things I found difficult:

1. Toggle switch: I wasn't able to successfully flip the toggle switch, but will soon update that.
2. Responsive Design: I took a mobile first approach so didn't get a chance to modify the font sizes and component widths for a desktop screen.

Please let me know if there's anything I can improve, I would love to hear your feedback

Things that I had difficulty with:

• I wasn't able to display the daily cost on top of each of the daily bars.
• Being able to fetch the data from the data.json file, since I don't have much experience with javascript
• Changing the bar sizes based on the data from data.json, I was thinking of calculating the height based on the percentage value.

Some questions for this community:

• I had some difficulty with validating the form content.
• Had questions if the responsive design could be done more effectively, using 'absolute' positioning may not be the best way for doing it.

Thanks for any advice!

📍Things that were difficult:

• Getting a downward triangle below the share button: Not sure what the best approach is to achieving this.
• Getting a smooth transition to a responsive design: Was not able to create the right sizing in the mobile version of the site.

Would love to hear any feedback 😀

Hardest part was making it responsive

I found the form validation, but ended up finding some help on youtube. Thanks to this channel! https://www.youtube.com/c/ProgrammingIsFun/videos

Overall this challenge wasn't too difficult 🤟

The areas I'm unsure of:

• The 3 social media icons
• Resizing the logo for mobile
• Background image positioning

Wasn't able to find the icons for social media.

Please suggest any other changes I could make.

One thing I wasn't able to figure out was the violet overlay on top of the image

Had some trouble figuring out the spacing between the 'Annual Price', the music icon and change button

I wasn't able to get the avatar image sized right. Other than that it seemed easy.

Hardest part was fitting the image with margins