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 comments

  • @BarbarossaNext

    Submitted

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

    Becoming familiar with Git, GitHub, and GitHub Pages. Looking forward to the next challenge.

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

    Making responsive text based on image size with only CSS. Just set the following properties on the text element:

    • width to 0: so that the text will not contribute in the sizing of the container.
    • min-width to 100%: So that the text will be as wide as the sibling image.

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

    What is the best way to make this responsive and compatible with old browsers.

    @wagnermoschini

    Posted

    This solution is a bit different visually

    The card must be 320px width and 499px height, and in your solution was 320px width and 533px height. It's because you put an extra space between image and content that not was as the figma spec that was the space-300 property from design system file.

    Also the title right color is slate-900 (#1f314f) and the text is slate-500 (#68778d)

    0