I was working on the first Freecodecamp project. Everything worked so far; however, I am confusing with the Userstory 8 ( The
img element should responsively resize, relative to the width of its parent element, without exceeding its original size.) as follow: from the instruction I understood that the
img element need to be displayed as a block element and fill the whole width so that
margin: auto could be applied to centralize it so
display: block. was suggested I thought
grid have the same effect of
block with extra functionality so I tried as the result of failing the test.
So is this functionality of
block different from
grid. I am thinking about an alternative solution for this case.