Responsive Website - CodeCademy project - Full stack

Hey there! I’m trying to finish this project for CodeCademy Full Stack Engineer but I need some help. Here is a link to my project: GitHub - VeraLK/Responsive-Website-Codecademy. I struggle to make @media for mobiles as the images don’t fit. Any other suggestions are welcomed as well :slight_smile: Thank you in advance :slight_smile:

Hi there!

On image-box you have an explicit width of 400px. This makes it so the image cannot grow larger than 400px and shrink smaller than 400px.

Instead, you will want to use max-width: 400px; which will allow the images to shrink under 400px. The best of both worlds. :slight_smile:

1 Like

Thanks so very much! I will fix it right away! Have a great day!

2 Likes

My responsive website home page is not working how I want at all. I am honestly so new to do this I dont know where I am wrong. If anyone can help It woud be greatly appreciated. Just click here