Job listings with filtering built with Next

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

I am most proud of the filtering functions I wrote for this project, as this is an essential functionality that I assume will be needed often working on real websites.

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

When I was scaling the company logos down for mobile screens, I ran into the issue that the images seemed to longer be left-aligned, i.e. they seemed to have some margin or padding on the left that I couldn't figure out how to get rid of. I learned that this happened because scaling always happens from the center, so the image will shift visually. I learned to prevent this by applying the CSS transform-origin property (in my case, transform-origin: left).

I also, for some reason, wasn't able to color in the free spaces of the mobile background svg. To solve this, I eventually resorted to adding a <rect> element to the svg to overlay it and thus fill in the previously white spaces.

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

There is one thing I wasn't able to figure out: on mobile screens, when adding filters, they get squished once they wrap onto a new line. I worked around this by giving them a min-height, but I feel that there has to be a better solution. I don't understand why this behavior happens, the container can grow in height to accommodate for new lines as I didn't limit its height anywhere. So if anyone has an explanation for this, I'm all ears!