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?

    Breaking down the UI semantically and the use of Flexbox.

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

    1. Adjusting the width of child elements inside the flexbox
    2. Making section keyboard navigable
  • Submitted


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

    Managed to make it work. Not satisfied with using max-width on the main flexbox to keep the width from adapting to the widest child element.

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

    In my flexbox blog-preview-card the width of the box adapts to the widest child element by default, how do I adapt this width of the flexbox to the width of the img element? So the rest of the child elements need to render within this width?

    For now, I used max-width (width of the illustration + padding) on the flexbox. Feel like there's got to be a better way to do it. Not sure though.

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

    In my flexbox blog-preview-card the width of the box adapts to the widest child element by default, how do I adapt this width of the flexbox to the width of the img element? So the rest of the child elements need to render within this width?

    For now, I used max-width (width of the illustration + padding) on the flexbox. Feel like there's got to be a better way to do it. Not sure though.

  • Submitted


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

    Documented in previous solution.

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

    Documented in previous solution.

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

    Documented in previous solution.