Hi everybody,
I am using for my website http://startuphub.pl/warszawa/ a mobile responsive template called: OnePress (you could follow the links)
I have a problem with image alignments as below:
Destop view it is okay and I can align 3-4 or more images inline horizontally with some html I have written.(Please look in Technology focus" & "Program" section )
But, when I open the website in mobile view in my phone I cannot have them aligned vertically.
I have tried different html code but unsuccesfully. It wasnt possible so far to get the horizontal alignment in Desktop view and Vertical alignment (1 image per line) in Mobile View.
Any hints please. THANK YOU!
Code I am using for horizontal of 3 images inline as below:
<div style="width: 30%; float: left; padding-right: 4%;"><img src="http://startuphub.pl/warsaw/wp-content/uploads/2016/04/Phase1-3.png" alt="" /></div>
<div style="width: 30%; float: left; padding-right: 4%;"><img src="http://startuphub.pl/warsaw/wp-content/uploads/2016/04/phase2-4.png" alt="" /></div>
<div style="width: 30%; float: left; padding-right: 4%;"><img src="http://startuphub.pl/warsaw/wp-content/uploads/2016/04/Phase3-3.png" alt="" /></div>