All solutions

Sometimes when I refresh the page I get the same advice displayed in the app. Any idea how to get a different one to show up each time?

What method did you use to style the input fields to have a linear gradient. I tried a few things but never got it working to my satisfaction.

I wasn't able to get the top right svg image to go over the family photo.

All in all, I enjoyed the project.

What is the best way to get the toggle switch to work with only using HTML and CSS? I tried a couple things, but ended up using Javascript for it.

Let me know.

Thanks!

I didn't realize that JSON was provided so I wrote my own Javascript. For the life of me I couldn't find a solution to optimize the mouse events though I'm certain there is one and if found it'd make the code much nicer.

Also, I wasn't able to get the ellipsis to have a hover over effect as they were inside the box that was already an element that had triggered for a mouse event. How would I do that in the future?

Please provide feedback and suggestions. I'm still learning.

Thanks!

What is the best way to determine the height of the container? Currently, I'm doing guess and check, but figure there must be something more dynamic for it.

Let me know.

Thanks!

The part that was most difficult was figuring out the optimal sizes for the text. The only initial hint we were given was that the paragraph should be 14px, everything else was based off that.

Enjoyed the project. Please let me know how I did.

Thanks!