All solutions

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

I was happy with how this turned out, especially figuring out how to change the title colour on hover to match the coloured line at the top of the container.

There is probably be a better way to reduce the amount of code used.

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

No major issues, other than figuring out the right size to use without Figma files.

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

None for this challenge.

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

Very happy with how this turned out without using Figma design files.

Also happy with how easy it was to adjust from a mobile-first build.

Want to explore better use of custom variables for streamlining media query changes and making it easier for others to understand the code.

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

I had some issues with sequencing and synchronicity - some of the media queries weren't taking effect. This was solved by moving the media query to the end of the CSS file.

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

The JS button added as an enhancement to change the grid layout was a pilot for a personal project I want to build in the future, and really happy with how it turned out.

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

Responsive font sizing is still a bit fun. Still yet to master the art of getting font scalability on point.

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

Made better use of EM and REM for sizing elements appropriately. Will look into using functionality like clamp to handle responsive design container sizing more effectively.

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

It was harder to get the sizing close without the Figma file but made for a fun challenge.

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

I'm happy with this one being a close reproduction of the original, with some additional tweaks such as using a hover transition rather than an immediate colour switch. Next time I'm going to think a bit more in advance on what custom variables and classes I want to set up in advance to make it easier to keep the code consistent.

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

I think there's a better solution for putting the right gaps between the elements other than putting margins under each element (without having to use grid or flex for such a simple design), though it did give me my first use case for the all-children selector, which was a good learning.

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

Nothing specific this time.

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

It's been kept clean and simple.

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

I encountered the issue with collapsing margins, and switched to using padding instead, as that was sufficient in this instance.

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

I sometimes find it hard to determine what the right text size is for the display size. Welcome any tips on where to go for advince on best practice sizing for text.