All solutions

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

Responsive works well enough I think, even though I didn't have time to add a custom error state on the input.

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

Used a container-query.

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

I couldn't quite figure out how to do the red 'This input is required'-messages. Tried a pseudo-element when an input is invalid, but it didn't work out. Any links to resources explaining this would be much appreciated.

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

Had some trouble with Grid, maybe should have used Flexbox. Check the readme for details.

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

I learned about the svh-unit, see readme. I also added a margin to avoid the content going off-screen.

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

The responsive layouting worked much better here than in the last challenge (which was the omelette-recipe-card). I also used some intermediate CSS for the button-hover-state with filter: brightness(), check the readme for details.

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

Persevered with heights and widths, when nothing seemed to make sense. Understand a little bit more now.

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

Please see section below and the readme.

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

Difficulty scaling the container responsively and with how html-, body- and container-height interact (overflow, etc) on different device-sizes. Added media queries, that feel more like hacks, as I don't quite get why they are needed, yet. Please see the readme-section too.

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

Got somewhat better with sizing a responsive container.

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

Working with clamp() and max() in CSS.

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

Weird sizing when content wasn't big enough for the card, indeed that's called overflow, but clamp() helped with that.

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

If I could simplify the css and/or html still.

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

Still need to practice image- and container-sizing.