All solutions

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

Using the source tag for the image. I always knew about it but never used it. I also liked creating global variables for CSS. Made CSS much faster.

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

Forgot to set max-width with on product class or main container.

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

None at this time.

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

Most proud of the JavaScript it took me a while to figure out the email pattern script.

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

I guess displaying and hiding the message with JavaScript when the email address was incorrect. Youtube and fellow developers was helpful.

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

None. I think I did okay on this one. Not pixel perfect but close enough without using a Figma file.

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

Learned about new ::marker psuedo element. Not sure I would do much differently.

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

Getting the recipe image styles correct.

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

Can't think of any right now. I may try to convert this into a React project using a recipe API.

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

The button design. Not sure I would do anything differently next time. It was a fun challenge.

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

Button sizing properties.

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

None.

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

Believe it or not it was aligning the author picture and name section. Also the box shadow on the card. The CSS Matic Box Shadow Generator was very helpful.

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

The name and author were obviously the most challenging. Using Flexbox was a huge help with the justify-content: center property on image and align-self:center on author name.

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

Nothing. I flew through the challenge.

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

Working through the CSS and digging into learning Flexbox.

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

Stacking the QR and text on top of each other. Flexbox was a huge help with setting the flex-direction to column and align-items to center.

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

I still struggle with Flexbox. I wish I could find a good resource that really dumb downs the principles behind Flexbox. It still seems as complex as the box model.