How to make my Quote Generator responsive for mobile

1

I’m pretty happy with my Random Quote Generator on desktop , but
I can’t seem to figure out how to style it for mobile view.

Also on codepen, each time I want to check the mobile view I have to click full page view then inspect which is a little tiresome.

If you check it so far, the width is completely too wide and is hiding half of the quote box.

If anyone has advice on where to start on making my Quote Generator mobile friendly that’d be greatly appreciated.

My Quote Generator:

2

You should use media query.

@media screen and (max-width: "your width") {
   /*Your responsive layout*/
}