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

Submitted

Html5, CSS3 Flexbox

Halimah 200

@devhalimah


Design comparison


SolutionDesign

Solution retrospective


On desktop views with longer heights, The text spills and overflows beyond the image's height. How can I make both (text and image) equal heights across all devices.

Community feedback

Tomiwa 135

@Iam-tomiwa

Posted

If you're using flexbox just use align-items: stretch; although that is the default value, if it doesn't work set the text wrapper (div) to a height of 100% it will take up 100% of the container

1

Halimah 200

@devhalimah

Posted

Thanks @Iam-tomiwa I used align-items:center;

0

Please log in to post a comment

Log in with GitHub
Discord logo

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord