All solutions

Hello everyone!

I went back to a simpler challenge and I tried to use the JSON data. Total result score also changes if the JSON score data is changed :D

It was also very interesting to render most of the summary component using javascript as well, because it would require less repetition. I am not sure if this would be a best practice.

Let me know if you have any comments. Thank you!

Please refresh if slider is not working :D

I used over 700 lines of css which feels a bit much.

The slider was my particularly difficult, as this is my first time, and I couldn't do it a concise way. Might do another project and improve it next time around. I have already spent a week on this issue and its the best I could manage for now.

Form validation was also very tricky, and i could not replace the default error message.

I am wondering how to improve on all those.

My 4th ever project (one of my earlier ones, yet final ones), Site is slightly more responsive than the social proofs page(3rd project) I made.

One of my first few projects so the design is not responsive to resizing. Mobile view looks fine though.

JavaScript was relatively simple new to media queries, and getting the format down was challenging. I had to use multiple divs to group sections before using flexbox on them. Another challenge was creating the mobile navigation, managing positions and the z-index.

Appreciate any feedback, thank you!

This time I corrected my H2 to H1 tags for more accessibility.

Getting the line-height for aligning my H1 tag vertically in the div box was challenging. I would appreciate some help on how to more easily vertically align text to the center of a box

Thank you!!

box shadow was difficult. I'd like some help with getting correct fontSizing from the design as well. Thank you.