All solutions

What are you most proud of, and what would you do differently next time?

Proud of figuring out how to do the round border around the result and display the results and categories side by side in desktop view. I'd do the bonus part next time.

What challenges did you encounter, and how did you overcome them?

It took a long time to figure out the layout of the round border and gradient of the result. Overcame them just by experimenting with what works, and using chat gpt :)

What specific areas of your project would you like help with?

how to do the bonus part

What are you most proud of, and what would you do differently next time?

I'm glad I was able to figure out how to do the background image only covering a portion of the page with the content over the top.

If I had more time I would figure out how to use web components or some reusable template for the question answer parts so I don't have to repeat the html.

What challenges did you encounter, and how did you overcome them?

the background image and bottom half was tricky to implement. I ended up using flexbox and had to set the height to 100vh so that the bottom half of the background would expand.

also the question answer part was repeated html which should be cleaned up.

What tool do you use to create the box shadow if any?

How do you estimate the border radius, space between heading and text?

Is increasing the size of the text for desktop unnecessary?

Do you remove the attribution?

I tend to use div tags by default. How do you ensure you use the right tags i.e. headings and paragraphs instead of divs?