Responsive images issue on Personal Portfolio challenge

Tell us what’s happening:
Hello friends,

I have successfully completed the last project for the Responsive Web Dev course. However, I have run into a common issue for me, that I can never resolve efficiently.

The images in the doe I wrote trail off their parent to the right, and I couldn’t make them shrink or grow in response to the viewport size.

Can anyone help me out on this?

Your code so far
https://codepen.io/pepren/pen/JjEMymG?editors=1100

Your browser information:
Chrome

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 11_1_0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/89.0.4389.114 Safari/537.36.

Challenge: Build a Personal Portfolio Webpage

Link to the challenge:

Hi, for images to be responsive, all that needs to be done is use units relative to the viewport/parent container such as vw, vh, or % instead of absolute units such as px, rem, or em.
Or
For children of a flexbox container to be responsive, utilize the flexproperty to assign the correct flex-grow, flex-shrink, and flex-basis to each child.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.