All solutions

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

I did a little research to complete this challenge but it's mainly my work (about 85%). I had to get the code for an email validation script from stack overflow. This is the only thing I do not understand in the code. Do I need to understand regex? Is it ok to rely on javascript validation?

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

Building mobile first and changing layout with media queries and css flexbox and grid. I should try and clean up my css

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

Unsure how to add a background image with a color overlay

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

How do I add the header images so they expand off the sides as the design file shows

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

First time using CSS grid for layout

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

Managing to position the cards using flex positioning

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

It was easier to position the individual cards after changing the html markup and adding extra divs for the columns,

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

|I attempted this myself without searching for any help.

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

I struggled with the Nutritional information at the bottom of the card and could not get it to align correctly and i am searching for a solution

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

I had an issue with the styling of the border radius on the image a the top of the page. When I added padding the border radius disappeared. I managed to fix it with the follwing code but I do not understand how this works,

 .recipe .recipe-img{
        padding: 40px 40px 0 40px;
        border-radius: 1rem;
        overflow: hidden;
    }

    .recipe .recipe-img img{
    border-radius: 1rem;
    }

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

I'm not sure how to get the required pixel dimensions out of Figma files. I'm have not used it before. The last time I did web development was nearly 10 years ago and it seemed to be all Adobe Photoshop for design files where I worked. Is there a quick introduction anywhere?