All solutions

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

The design is somewhat clumsily patched. I would like to find a way to make it easily modifiable and correctable.

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

I initially encountered an issue with the font size and spacing when switching between mobile and desktop designs. It resolved itself when I switched from absolute units to relative units.

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

How can I enhance the quality and readability of my code?

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

I finally discovered how to easily match the design image with the HTML page. I need to ignore centering initially and instead focus on spacing first.

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

This challenge is equally similar to the previous two.

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

I don't know why my solution screenshot differs from the live site, even though I tested it on four different browsers. Does anyone else have the same problem?

Edit: In the end, I discovered the problem. The headless browser used for taking screenshots doesn't support nested CSS selectors.

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

I have utilized semantic web tags.

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

Correctly sizing the article illustration in the mobile view is challenging due to the image ratio. I was able to resolve it by using object-fit: cover;.

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

I can't figure out how to properly space the elements.

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

learning how to use git commands.

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

The font size specified in the style guide didn't align properly with the image provided in design-desktop.jpg, so I had to make adjustments accordingly while using the image as a background.

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

is my web app considered responsive?