I’ve created a feature box for mobiles to get email subscribers with a background image where the resolution is 600x450. I’m using the form containing the email box and buttons from MailChimp.
Then, i’ve placed it under the navigation bar(at the end of the header.php file) and resized it with the CSS to get a responsive box. But i need to create a bigger code in order to fit the box in every smartphone resolution by using the “@media screen” in my child theme CSS.
Is there any way to reduce my code and get responsive by inheriting any class of the theme?
I’ve attached an example of CSS for 1 resolution and the HTML code for the box.