All solutions

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

I am most proud that I coded it mobile first. Next time I will take more time to understand flex using vanilla HTML/CSS.

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

My elements didn't quite line up on the evaluation. I went back to the Figma file to see what values I might have wrong.

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

I want a better understanding of Flexbox when working with vanilla HTML/CSS.

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

Because I have been using Next.js and Tailwind, I am out of practice designing responsively for vanilla HTML and CSS. I am most proud that I figured out how to make the design responsive for mobile.

Next time, I would design mobile first.

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

It was challenging to figure out how to change the card title color when hovering over anywhere on the card. This was something I had never done. This is the article that showed me how: How to affect other elements when one element is hovered in CSS?.

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

On mobile, my card image has a shorter height than the Figma file.

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

I'm most proud that I inspected the project in Figma and obtained the exact dimensions for the component, the image, and the margins around the h2 and p elements.

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

When I deployed the project using GitHub Pages, the image didn't render. My first hunch was that something was wrong with the file path. I started by moving the file out of the images folder so that I could use a simpler file path. I then tried moving the image back into the folder and setting the path back the way I originally had it but without the forward slash at the beginning. I pushed it to GitHub, and it worked.

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

I want to try the project again using Next.js, Tailwind, and TypeScript.