All solutions

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

I'm happy with my overall design.

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

I was not able to use the given mobile screen width as per the challenge. So, I used my width (680px) to make the mobile screen content.

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

I need assistance on how can I make the site responsive at 375px screen without ruining the large screen image.

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

I'm happy with how closely accurate my design is. I have made use of table element this time, which I often ignore aswell.

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

I struggled while matching the look of the main image and styling the table. While I was not able to solve those issues fully, I have tried my best to match what was put in front of me.

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

I would like help with the top and bottom parts of the recipe card. They are the only ones I'm having trouble fixing.

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

In this particular project, I tried to make it not only responsive and accurate but also accessible, by using the "role" attribute.

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

Making those link buttons was challenging. It was frustrating but, I added a background color to the parent div, and doing so made the task easy.

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

I would like help in terms of how I can make the height of the card match with the given card.

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

I'm really happy with how accurate my styling is in this challenge.

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

The challenge I faced while coding this particular component was centering the hero image. However, I tested different CSS properties to see what fits the most.

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

While my styling aspect is I believe to the point, for me making things accurate in terms of size is hard. Also, images always confuse me (like how do I make them responsive and also make its size to the point).

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

I've made use of the CSS nesting feature and also created variables for the first time.

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

I had problems with styling the box-shadow property and also adjusting the width of the card component. However, analyzing the Figma file solved the problems I faced.

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

I want help with the image width adjusting and the text width adjusting part.