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 am glad completing this challenge, especially when doing the responsiveness part of the challenge. Because, when I started the challenge, I started with desktop design, and when doing the mobile design with media queries, I added up a lot CSS writing and a lot of tweaking. After a search in YouTube, I noticed that best and optimal solution would be when the challenge started from structured HTML and then mobile first design coding. It boosted my writing code process.

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

    Challenges related to media queries for mobile design, spacing issues while working with flex-box and grid properties of the elements.

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

    I would add more animation, like fade in, fade out, hover effects, etc.

  • Submitted

    Recipe Page

    • HTML
    • CSS

    1


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

    I'm proud of completing this challenge. Even though it seemed difficult when doing the responsive part, it turned out, with the good approach or workflow (mobile-first), this challenge could be easily tackled.

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

    I encounter the challenges related styling Ordered and Unordered lists. Because, in CSS not that much properties you could work on. These are mainly padding for spacing between circle (or number in case ordered list) and main text.

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

    Project completed, I wouldn't add more

  • Submitted


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

    I'm proud that I could complete the responsiveness challenge, where I was able accomplish via mobile-first workflow approach. It turned out that mobile-first approach is convenient when you want to build responsive app.

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

    When doing responsiveness part, it always appeared overflow issues when started using media queries. However, I notice mobile first approach and eliminating usage of fixed width and height properties, helped to avoid overflow issues.

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

    I liked the design.

  • Submitted


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

    I'm proud that I was able to complete this challenge very fast, thanks to design files.

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

    challenges related to layout and media queries for responsiveness.

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

    Project is already complete, though I would suggest to add more interactivity for the elements.

  • Submitted


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

    I figured out how to make GitHub pages to deploy the files for online server.

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

    Making a layout was a bit of challenge for me, but with modern CSS properties like flexbox and grids, I could make it very easily.

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

    Because this project is for beginners level, I assume that it already refined, and well organized design files, Figma, help to create Fronend page fast.