Random quote machine- help with wrapper element

Random quote machine- help with wrapper element
0
#1

Hi, I am having trouble passing the last test on my random quote machine. i keep getting the fault that i need to horizontally align my #quote-box wrapper element.
i have tried so many different css & html ways including margin: auto, but still can’t seem to pass.
any help or ideas would be appreciated.
my codepen is: https://codepen.io/richardh93/pen/WWrgoK

#2

It is the way you are positioning it. You can add this to the .quotes class.

top: 50%;
left: 50%;
transform: translate(-50%,-50%);

The page is pretty non-responsive with the way you are doing the layout. I would try a different approach to the layout.

1 Like
#3

Thanks heaps worked