Skip to content
OverviewSolutions
7
Comments
7
NATNAEL GETACHEW ASEFA
@Eng-Natole

All comments

  • NATNAEL GETACHEW ASEFA•100
    @Eng-Natole

    Love the shadow

  • NATNAEL GETACHEW ASEFA•100
    @Eng-Natole

    your code looks good

  • P
    Aakash Dasgupta•410
    @a-d14
    What are you most proud of, and what would you do differently next time?

    I learned how to use responsive media which was a fun experience.

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

    There were no design pages in figma so I had to guess a lot of the paddings and gaps between the elements.

    Responsive Product Preview Card using Flexbox

    1
    NATNAEL GETACHEW ASEFA•100
    @Eng-Natole

    user code looks good

  • Stephengrammy•60
    @Stephengrammy
    What are you most proud of, and what would you do differently next time?

    i got better with using the width and max-width properties in css and i can use :root to define variables in css also i am starting to brainstorm more so before i write out any code i kinda imagine it in my head and think about how close it might be to my actual task at hand

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

    i was unable to perfectly align the items under the Nutrition section so i will check out the review and see how others did theirs and i feel like my code has too many manipulation i was trying a lot of different things to see which one works best so i will try to simplify it better in the future and i suck at giving class name 😂

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

    the nutrition section please and i would love to see a better arrangement of css

    A responsive recipe page

    1
    NATNAEL GETACHEW ASEFA•100
    @Eng-Natole

    🌟 Great Job on Your Code! 🌟 Your code is well-organized, and I really appreciate how clearly you've structured the recipe! 🥚🔥 The use of semantic elements like <header>, <div>, and <ul> makes the page more readable and improves accessibility. It’s great to see thoughtful structuring in your work—keep it up! 🚀

    ✨ Small Improvements to Consider: 1️⃣ Unnecessary <p> Tags Inside <li> Elements You don’t need <p> tags inside list items. For example:

    html Copy Edit

    <li><p>2-3 large eggs</p></li> should be written as: <li>2-3 large eggs</li> This keeps your markup cleaner and avoids extra nesting.

    These are just small refinements, but overall, your work is fantastic! Keep pushing forward! 💪🔥

  • NATNAEL GETACHEW ASEFA•100
    @Eng-Natole

    Hey! Your code looks great! Love how clean and responsive the layout is. Keep up the awesome work! 🚀

  • NATNAEL GETACHEW ASEFA•100
    @Eng-Natole

    I noticed you used a Google Font in your project, which was provided in the file. Could you share why you chose to link to a Google Font instead of using a system font? I’m curious about your reasoning behind that choice other wise your code is amazing

    Marked as helpful
  • NATNAEL GETACHEW ASEFA•100
    @Eng-Natole

    he HTML structure is mostly clear and straightforward. You've used a simple div structure which is easy to understand.