Tribute Page Image resizeing

<%= @topic_view.topic.title %>
<%= @topic_view.topic.average_rating %> <%= @topic_view.topic.posts.count { |p| !!p.custom_fields['rating'] } %>

Hey guys, I’m having a problem with item 9. in the tribute page.

#Layout
The element should responsively resize, relative to the width of its parent element, without exceeding its original size.

Here’s my code.
https://codepen.io/anon/pen/ymyNKQ

I really can’t find what I’m doing wrong with the image that it’s not passing. Help would be greatly appreciated. thx :slight_smile:

Revisit the Make an Image Responsive challenge. To center it you can use margin: auto;.

#image {
  display: block;
  max-width: 100%;
  margin: auto;
}
1 Like

Thx a lot. The main problem i had was actually that i put everything in my Div id instead of my img id. :smile: