All solutions

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

Proud I got the share button to work on the desktop version! Next time I hope to get this done faster

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

Figuring out how to get the button to work on the mobile view, I reread the document object model page again and was able to get it to work when clicked.

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

I can't get the share stuff to go away when clicking the button on mobile view. It goes away when I click the button again in the website view but I'm not sure why it isn't working for mobile. It also jitters when I resize the page, not sure why!

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

I am proud that I got the grids to work and feel like I understand it better. I hope to put this knowledge to use faster next time!

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

Figuring out how to get the layout for the desktop view. I looked up how to use grid-area and was able to solve the problem.

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

I'm worried that the way that I got the cards to display in the desktop view is not the best way to do it. Open to any suggestions and help!

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

I am proud of how I got the site to look similar to the provided design. Next time I just hope to get there faster.

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

I spent a while unsure if I should be using grids or flexbox and kept restarting trying to figure out this site with grids. Ultimately I settled on flexbox though I'm not sure if this was the correct choice!

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

Is it possible to do this with grids or was flexbox the right move? Also any help appreciated!

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

Getting srcset to work. Next time I hope to be able to implement it quicker having had this experience.

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

Wasn't sure why the desktop image was showing up and messing up the format, but realized it was because my media query's minimum width was different from the srcset max width. Made them match and now it works.

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

Open to any feedback! Especially related to the spacing of the text in the desktop view.

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

I am proud that I got the margin to stay between the white background of the recipe and the edge of the window even when shrinking it down for the desktop view! In the future I hope to be able to finish a challenge like this faster.

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

Figuring out the margins was a bit of a challenge. I'm still not sure if I am using "best practices" but I went through each element and made sure the end result matched the provided design images.

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

I changed a lot of margins for things like , , and is this the right way to go about spacing things out? Open to any feedback on anything else as well!

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

Getting the hover animation to work! I would like to try other animations in the future.

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

The video I found to reference/learn how to do the animation didn't work with my code exactly, I had to figure out how to get it to work with the z-index property.

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

If there is any way you would restructure the code or write differently I would love to know!

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

Putting rem to use since someone mentioned it in the peer review of my last assignment. I hope to understand how to use it better in the next project.

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

I wanted the hover effect where the shadow gets bigger to be smooth and spent some time looking at how to do animation using CSS. Eventually I found a youtube video and realized the solution was transition property.

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

I could not figure out how to get the text to be smaller without media queries but I would like to know!. Additionally, is there a better way for the yellow background around "Learning", I set the width to 4.8rem, but feel like there should be a better way that I can't think of. And lastly, is it possible to have the box with the white background move instead of having the shadow grow?

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

I was most proud of figuring out how to get the qr code centered in the middle of the page. I think it gave me a better understanding of justify-content versus align-items and how to use them.

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

Figuring out how to center the qr code vertically was challenging. It involved some googling and rereading how flexboxes work.

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

If any of my code doesn't follow best practices, I would love to know how to improve my code in that way.