The with of information box at each movie box is looks weird.
Because that box ignore the gab of between movie image as below.
Also super weird thing is the information box(include the movie title) size is gonna big when mouse on top as below.
I think is due to hover animation of box.
And I gave the position: relative to Box element, because its parent of Info element.
Also I gave the position: absolute to Info element as below.
The with of information box at each movie box is looks weird.
Because that box ignore the gab of between movie image as below.
Also super weird thing is the information box(include the movie title) size is gonna big when mouse on top as below. I think is due to
hover
animation of box.And I gave the
position: relative
toBox
element, because its parent ofInfo
element. Also I gave theposition: absolute
toInfo
element as below.normal state
code