Problems with the Responsive Web Design Principles: Make an Image Responsive lesson

HTML-CSS
1

hey kinda got problem with the Responsive Web Design Principles: Make an Image Responsive, the problem is as seen in screenshot that it wont register that i allrdy put max-width to 100%

image
image1920Ă—1080 467 KB

2

It would help if you posted the text of your code instead of an image.

3

what text do you need that isnt inside the image ??

4

It is helpful for you to provide the test of your code so that I can exactly copy and paste it into the editor in my browser. This helps me diagnose issues faster.

5

ok here it is

<style>

.responsive-img{

  

  max-width: 100%;

  height: auto;

}

img {

  width: 600px;

}

</style>

<img class="responsive-img" src="https://s3.amazonaws.com/freecodecamp/FCCStickerPack.jpg" alt="freeCodeCamp stickers set">
6

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

Please use the “preformatted text” tool in the editor (</>) to add backticks around text.

Pre-formatted-text
Pre-formatted-text1356Ă—380 401 KB

See this post to find the backtick on your keyboard.
Note: Backticks are not single quotes.

markdown_Forums

1 Like
7

Thanks.

That exact code works for me. This means that you probably have some sort of browser issue. I would try

  1. Double checking for browser extensions that modify CSS
  2. Clearing your cache
  3. Using a different browser
8

I notice you are using Edge. This has been a problem with Edge before. I suggest you use Chrome, and you can return to Edge afterwards, if you want to. Chrome is the recommended browser for the challenges, though.

Hope this helps

1 Like
9

As @Sky020 said, you are using Edge. Edge has been having a lot of problem lately. If you don’t want to change from edge, you can update your edge to the newest one, the Chromium Edge. This is supported the better version of Edge.

10

ok just tryed Firefox got the same problem, but will just try chrome

11

ok got it to Work in Chrome, thanks for the help :slight_smile: