All solutions

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

I'm most proud of using the clamp() function for the first time. Next time, I will start of implementing the clamp() function when setting font size and element dimensions if required.

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

My main struggle was figuring out how to closely match the sizing of the elements to the dimensions provided in the design files without relying fixed measurements and media queries.

For a while I thought the issue was sprouting from the size I set the entire card to but in the end I realised that it was a font-sizing problem. Once I realised this, I began looking in the direction of fluid typography and stumbled across the clamp() function.

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

Anywhere I could improve with my Semantic HTML. Better methods to achieve responsiveness in my CSS rulesets.

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

I am most proud of learning how to work with Figma design files. I now understand how to extract the required pieces of information to create near or pixel-perfect projects.

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

I didn't encounter a lot of problems however, I did realise I was using html which I believe is depreciated. Once I noticed, I switched it to . Looking back now, I realise that I placed the element outside of the element which may not be best practice however I am still achieving the desired result for now and am satisfied.

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

I would like tips on where I could have shortened the code size and possibly made better use of Semantic HTML elements.