resizing images and text in page layout

[Mike]

Mike

January 26, 2017 at 6:25 am

Hi;
I’m working on developing a page where I have a photo with a quote alongside and 3 images below for navigation icons with text beneath them.

I haven’t put the navigation in yet as I want to get eh display right first.

I was hoping that when it displayed on mobile it would resize the images and text so they were still on one line (important).

Is there a way of making the text and images responsive to different devices?

Here is the code in the page:

[space_20]

 
<h4></h4>
 
<h1>”It has helped me tremendously”</h1>
 

 
<h4></h4>
[hr]
<h3>Dave Gray Founder of Xplane</h3>
 

[columns] [span4]

<h4>Solve Your Issues</h4>
[/span4][span4]

<h4> Smooth Your Quest</h4>
[/span4][span4]

<h4></h4>
<h4>Elevate Your Company</h4>
 

 

[/span4][/columns]

 

I would greatly appreciate any guidance on this. I’m fairly web literate so have a child theme set up and can do custom CSS if that helps.

Thanks

Mike