HTML, CSS, JS, Git, GitHub, Netlify, PerfectPixel, Lighthouse

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

I'm more comfortable in manipulating SVG fill colors and creating dark versions of them that complements the site's light/dark theme.

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

The challenging part for me here is the positioning of the background images. I did make it work by harsh trial-and-error.

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

I would like help on making responsive position for background images more efficiently.

• What I did was just use width, top, bottom, left, and right with their values coming from trial and error (this is the hardest one)

• Then I used clamp() and The Clamp Calculator for responsiveness.

This process took most of my time even with PerfectPixel aiding my eye. I am hoping if there is a better approach in solving these background positioning problems (I tried using transform: translate() but I have little success with this property)

This is my CSS code. I wish to know what's the best practice in this situation. Thank you in advance!