Cant pass these two tests

Code Feedback
1

I have really tried working out this project but I am not finding my way out(cant pass remaining two parts) Can somebody please help me with a solution and please explain to me the solution. https://codepen.io/emilynyaruri/pen/abbPvJW

2

The problem is in the #image

  1. There’s a comma between 0px and auto.
  2. missing property height
  3. at the end of display: block: you have a colon instead a semicolon
  4. Use max-width instead width 
#image{
  border-color: lightblue;
    border-width: 5px;
    border-style: solid;
  border-radius:25px;
  max-width: 100%; /* not width */
  margin: 0px auto;  /*0px without comma */
  display: block; /* semicolon at the end */
  height: auto; /* missing property height */
 }
1 Like
3

Remember, to fit the content max-width must be set at 100% not in pixels (px)

https://www.freecodecamp.org/learn/responsive-web-design/responsive-web-design-principles/make-an-image-responsive

1 Like
4

Thanks for your helpful feedback, I appreciate.

1 Like