Can I implement a Gmail adress as a link to a png?

user_16255018 0
Viewed 38

It worked once but since I added more links (Twitter and Instagram) it doesn't work anymore. This is the CSS Code for my gmail links:

  .gmail {
  color: white;
  font-weight: bold;
  font-size: 40px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 2;
  width: 300px;
  padding: 20px;
  text-align: center;
}

And this is the div:

<div class="gmail">
  <a href="mailto:emailexample@gmail.com" title="Gmail">
    <img alt="Gmail" src="gmail-logo-transparent-background-2-removebg-preview.png" width="100" height="100" />
</a>
</div>

I tried multiple emails but it never worked so the email shouldn't be the problem.

css email html
2 Answers
user_134634210

I figured out they were to close to another. I changed the width of the instagram png to 250px instead of 300 and the box's left margin edge to 70% so that there ,,hitboxes" doesn't collide.

user_162550180
Related