....The <img> element should responsively resize, relative to the width of its parent element, without exceeding its original size

HTML-CSS
1

Help me!
I cant pass the test.
I dont know what’s wrong.
https://codepen.io/raymond1014/pen/mdwOVJr?editors=1100

2

I am having the same problem. No idea how to fix it

3

1.Try to move html to html tab , everything is in css editor tab at the moment.

2.Text-align works with inline elements, but you set #image{display: block }
Use technique for centering block elements

4

Okay, just try this and let me know if it worked, it worked for me:

img { display: block; max-width: 100%; height: auto; margin: auto; } because you changing the display to block you will have to change the margin to auto, thats the only thing that helped me
5

No , still the same.

6

<style></style> is html tag, leave only styles in CSS panel

7

Thank you. It’s worked.

1 Like
8

Hi Raymond1024 Soon tried to copy and paste the part of the code that needs help to make it easier for others to find a solution. You can do it like this : <p>write a piece of your code here</p>

9

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