All solutions

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

I'm proud to have completed this challenge despite the challenges encountered in the process. Additionally, I'm proud that it is responsive on all devices.

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

Making my webpage responsive on all screen widths and sizes was challenging.

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

I would appreciate it if you could review my code and provide suggestions for improvement. Thank you!

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

I'm most proud to have finished this challenge, It was a challenging but amazing experience!

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

working on the circle, individually styling the right div components, and making the page responsive.

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

I believe there is a better solution to this problem. Could you please review the code and share your thoughts? Thank you.

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

I am proud of completing this challenge despite the tough setbacks. :)

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

I was facing some difficulties while trying to place the items in the center of the page and making my design responsive. However, I was able to successfully center the contents by using the 'place-items: center;' property inside the body selector. To fix the responsiveness issue, I utilized the 'grid-template-areas' property since it was the tool that I had used earlier to achieve the grid layout on the desktop screen.

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

Please look through my code base for any errors. All corrections or ways to better achieve the layout will be highly appreciated.

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

First, I'm proud of completing the challenge. After completing the challenge, I gained beautiful knowledge of CSS variables and pseudo-class selectors.

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

Getting the layout to match the provided design took some time, but practice makes perfect.

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

If I want to use CSS Grid instead of Flexbox, how can I achieve this?

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

Most of all I completed the challenge. After conducting extensive research, I was able to complete the challenge using SVG icons.

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

It has to be getting SVG icons to complete the challenge.

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

I would like some help in gaining a better understanding of how to use the CSS flex grid effectively.

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

I am proud I was able to finish the challenge successfully. It was a cool experience and the hover effect was visually appealing.

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

It wasn't much of a challenge, but I tried different ways to align the items in my component to the center.

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

I'm most proud to have seamlessly completed the desktop and mobile view of the Recipe Page challenge. I'll use Semantic HTML5 instead of Div on my next web challenge!

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

I faced a significant challenge while attempting to make my webpage responsive. Initially, I had wrapped the entire page in a column, which caused some issues. After some investigation, I realized that turning off the flex-direction on the page solved the problem, and everything worked out perfectly fine.

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

For this challenge, I wrapped my entire page in a div container. If I were to use semantic HTML, how would I style it?