Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

All solutions

  • Submitted

    Recipe Page

    • HTML
    • CSS

    1


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

    It was more difficult with the spacing and using flexbox but overall thought I got pretty close. Sizing the image responsively to center was the most difficult part. Still wasn't quite able to figure it out.

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

    Image responsiveness

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

    As the width shrinks the image doesn't adjust and center quite correctly. I would like some advice on how to make it shrink and center properly. Previously I was using margin-left/right: auto on the image itself, but it wasn't allowing rounded corners. So I wrapped it in a container, but that cause the image responsive issues.

  • Submitted


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

    Used Flexbox a lot for this. Really like that it's forcing me to practice it more.

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

    Spacing, font, and image sizing I had to eyeball since I don't have the pro version with the Figma specifications. It's not exactly right but I think it's close enough.

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

    Spacing/font sizing suggestions. Did I use Flexbox correctly? Or are there other ways I could have aligned things that are more elegant?

  • Submitted


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

    Was able to create most things from memory. Feel comfortable with basics of HTML structure. Used a separate .css file this time.

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

    Need to be better at flex box. Had to still look some stuff up. I'd like to get it to memory so I can speed up my spacing. Wasn't sure about the exact spacing between things. Feel like I was eyeballing a lot of things, but maybe that's how its supposed to be.

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

    Certain things look a little off compared to the original design like the shadow, spacing, and fonts. Any advice on how I could have found that out from the original design.

  • Submitted


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

    Just doing this. Not the greatest at HTML and CSS, but decent at JS. So want to get better at basic styling and structuring.

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

    Forgot basic syntax. Looked stuff up. Used a little github copilot.

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

    Overall organization of CSS and code