> 3 lines of CSS
Can you share?
I just mean a couple of simple media queries. Let's say I want your image method to show on anything smaller than an iPad.
Assuming I have something like
<div class="big-screen-form">
<form>Stuff</form>
</div>
<div class="jason-method-for-small-screen>
<a href="mailto:me@mail.com"><img></a>
</div>
Then my CSS is simply
.jason-method-for-small-screen {display:none;}
media only screen and (max-width: 767px) {
.big-screen-form {display:none;}
.jason-method-for-small-screen {display:block;}
}
So it's three lines of CSS not counting the media query. Obviously you would need more CSS to style the elements, but that would show/hide based on screen size. If you want iPads included, then you would use a max-width of 1024.