How to bootstrap a block within a block adaptively?

Question

css

I have a slider, I want to hang a block inside, in which there are a couple of h3 headings and a button, but the problem is adaptability, when I look on a mobile phone, h3 and so on, everything is very healthy, and I don’t want to set additional css for each case.
https://www.dropbox.com/s/pt5ghdi2z1m4mla/%D0%91%D...
How to make the green box from the screenshot shrink?

Answer 1

In the media query, for mobile, you will need to prescribe styles for h3 and buttons so that everything looks right!