Huddle landing page with a single introductory section | HTML & CSS

Solution retrospective
This is my attempt. Feel free to leave any general feedback but I have 1 issue that I am stuck on. Image Stretching Issue - When my site is resized below 720px horizontally but is still above the 650px breakpoint, the image to the left stretches instead of scaling down. Can anyone point me in the right direction ?
Please log in to post a comment
Log in with GitHubCommunity feedback
- @manojks092
hi pete, concerning your issue, i'd like to suggest, rather using width property for the images, use max-width. or use width along with max-width. this will help the image from stretching vertically. You can also give absolute size for the image rather using relative sizes. You can even try object-fit property as well. Depends on you, what makes you perfect to use it. Just give it a try. Also keep the mobile first approach, you've used desktop first probably.
Hope it'll be helpful.
- @FluffyKas
Hey, I struggled with images for a long time so I understand how you feel ^^ This is the styling that helped me overcome this:
display: block
,max-width:100%
,height: auto
. - @krishank98
well social media icons are not in middle of circle
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