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


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

    I guess everything!. I learned how to write media queries with mobile first approach and desktop approach.

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

    It was super challenging for me to make it responsive! I learned few things hard way- Making images responsive is also a bit tricky and large padding can also break design in smaller resolution.

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

    Any feedback on this challenge is greatly appreciated.

  • Submitted


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

    I have implemented the desktop version using Grid and the mobile version using FlexBox. Using two types of layout methods boosts my confidence.

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

    In desktop version, an item wasn't stretching all the way through the whole cell. Later I found a property called align-items: stretch which solves the problem.

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

    Box shadow is still challenging for me to apply. I can see the two white cards has some shadow, it's hard for me to apply. Anybody help me how to have that kind of shadow?

  • Submitted


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

    I used Grid to implement the layout. I wasn't very skilled using Grid but this time I tried anyway and managed to complete the challenge.

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

    Designing the layout was a bit tricky. Specifically, the way the first and last card sits between row. I didn't know how to implement this so had to learn about Grid. After learning about the Grid and few trials and errors was able to solve it.

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

    Any suggestions is appreciated.

  • Submitted


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

    I tried to apply the responsive design fundamentals in this challenge. Also I made it mobile first. Also I learned how to use different image sources for different width.

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

    At first, I tried to solve it desktop first. But it wasn't responsive enough so had to research about responsive design a bit more and then started with mobile first approach.

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

    Overall CSS and any kind of feedback is greatly appreciated.

  • Submitted

    Recipe Page

    • HTML
    • CSS

    2


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

    I was careful of using the proper HTML tags. I studied which tags to use for which case and tried to use them appropriately rather than using all the time. I studied tags from https://developer.mozilla.org/en-US/docs/Web/HTML/Reference

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

    I design for table using CSS was bit hard and customizing the list put me through some challenge.

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

    • Plz let me know if I can improve anything about tags.Did I use appropriate tags?
    • Is there anyway my css could be better?