Alright, so using the Pics Mash plug-in I have 2 images that show up side by side. By default, they show at 100% width. On the mobile this looks great, however on the browser, the images are too big so the quality is awful.
I then changed the image height to 200px. This looked great on browsers as everything aligned properly, but obviously it did not work at all on the mobile.
I was wondering if it was possible to keep it at 100% width, but then add in a MAX-HEIGHT = 200px, which will essentially limit the browser to a max height of 200 pixels (which would be perfect) but not touch the mobile and keep the mobile at 100% width, which is perfect.
I don't really know coding, so am not sure if something like this would be possible. I am using the Customizr theme if that helps at all.
<form action = '<?php the_permalink() ?>' method = 'post'>
<input type="hidden" name = "win" value = <?php echo $postid;?> />
<input type="hidden" name = "lose" value = <?php echo $postid;?> />
<input type="image" src="<?php echo $thumb;?>" alt="" style = "width:100%"></form>
Can I add a max-height:200px to that bolded line to fix this?
[ Please do not bump, that's not permitted here. ]