Tribute page (#Layout 1)

HTML-CSS
1

Tell us what’s happening:
It says

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

But I don’t know how to fix that problem.

Your code so far
https://codepen.io/DKPK/pen/WNxLpZd

Your browser information:

User Agent is: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:82.0) Gecko/20100101 Firefox/82.0.

Challenge: Build a Tribute Page

Link to the challenge:

2

Hi @amejl172, two things;

  1. you can review this lesson to start.
  2. When you click on the red button to view why the test has failed read the entire failing message, not just the first line. There is info there that tells you what the test was looking for and how to correct it.
    In this case the entire failing message says;
    The <img> element should responsively resize, relative to the width of its parent element, without exceeding its original size.
    Use the “display” style property with a value of “block” for responsive images.: expected ‘inline’ to equal ‘block’
    AssertionError: Use the “display” style property with a value of “block” for responsive images.: expected ‘inline’ to equal ‘block’
1 Like
3

Thanks .
I didn’t know how display block worked but found the solution at https://www.w3schools.com/howto/howto_css_image_center.asp

1 Like