How to adjust header image to make it look nice on mobile devices?

Hey I had another quick question. I changed the height of the header to 188px. I was curious how I could change the height so that it would look fine on my mobile device?? Is that a separate style sheet?? Thanks

It’s the same stylesheet but you have to look for properties like
@media only screen and (min-width: 480px) and (max-width: 767px)
@media only screen and (max-width: 767px)

And other that starts with @media only screen.

For example adding some css code after @media only screen and (max-width: 767px) will only affect devices with screen resolution lower than 767px.