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

    Four Cards

    • HTML
    • CSS

    1


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

    The usage of flexbox to match the reference image.

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

    Adjusting responsive cards. I fixed it by using the "max-width" property on the card content.

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

    I'd like to learn more about responsive images and text.

  • Submitted

    Product Card

    • HTML
    • CSS

    1


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

    I used the "" tag. I usually put the image in a div and then change the size of this div like a cut mask, but I wanted to try something different.

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

    Working with the "" tag and trying to display the correct image for each resolution.

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

    I'd like to receive more information about how I can properly use the "" tag (and the "" tag too) for each resolution.

  • Submitted

    Recipe Page

    • HTML
    • CSS

    1


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

    I am most proud of the use of semantic elements such as "section," "main," and others.

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

    I tried to make a compatible version for different devices, but I feel that some of them still feel odd.

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

    I would like to get tips on how to make my code more responsive. I have a hard time trying to figure out how to make it look "okay" in resolutions such as 1440px x 900px, for example.

  • Submitted

    Social Links

    • HTML
    • CSS

    1


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

    I like using color palettes similar to the one provided for this exercise in my personal projects, and I had never created any social links about myself before, so it was a very interesting practice.

  • Submitted

    Blog Preview

    • HTML
    • CSS

    1


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

    I could reuse some code from the previous challenge, which made the process a bit faster and allowed me to focus on other aspects.

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

    Trying to get the spacing and size of the elements right, but I focused on achieving some harmony in my design instead of making an exact copy of the example.

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

    I am not used to working with vibrant colors, so I would like to find a space where I can practice using this kind of color palette!

  • Submitted

    QRCode

    • HTML
    • CSS

    1


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

    I considered using a "mobile first" approach, but since the component is simple, I decided to use some responsive aspects like relative widths (e.g., 90%) and the use of rem.