All solutions

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

I made extensive use of the CSS clamp function for fluid typography and paddings. My gaol was to avoid jarring jumps at media query break points.

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

I did this challenge without the Figma file. It made me fully appreciate having it in the first two projects!

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

I wonder how do others make their designs responsive. Do you use media queries, or relative units with calc() and clamp()? I have done bigger projects before, where I realized using media queries can quickly make things go out of hand.

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

This project was the first time where I used the CSS clamp() function. I've been doing CSS for years but never thought of its use cases, until the instructions of this challenge asked to find a way to make responsive fonts without media queries!

I'm also learning about code design patterns. Although I had the option to hard code styles for each element, I created reusable styles for each font from the provided style guide. My HTML ended up having both utility classes as well as semantic classes to be targeted in the CSS. Is this an acceptable practice?

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

I guess I had my first proper CI/CD setup! Here's my process at the moment:

• Initialize local repo.
• Work on the project, commit changes along the way.
• When finished, run gh repo create (a GitHub CLI tool). This would create a remote repo, connect it to the local repo and push the commits to the remote repo.
• Run netlify init (a Netlify CLI tool) to create a new Netlify website from the newly created remote repo.

With this setup, I never leave the terminal! Even better, any changes I make to the local repo can update the live website using a simple git push command.

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

Vertical centering has become much easier with Flexbox. However, it gets a bit tricky when flex direction is vertical. I gave the body a hight of 100vh, so I could use the Flexbox vertical centering technique. Otherwise, justify-content won't work when in vertical mode.