Как ограничить пространство ссылке средствами css?

Question

Как убрать возможность нажатия на ссылку вне картинки логотипа? На данный момент перейти по ссылке можно в любом месте по бокам логотипа.

<a href="index.html" class="a_logo">
   <img class="logo" src="img/logo.png" alt="">
</a>

.logo {
    padding-top: 50px;
    display: flex;
    justify-content: center; 
    margin: 0 auto; 
}
.a_logo{
    
}

Answer 1

.flex__container {
  display: flex;
  justify-content: center;
  padding-top: 50px;
}

img {
  display: block;
}

<div class="flex__container">
  <a href="https://picsum.photos/" class="a_logo">
    <img class="logo" src="https://picsum.photos/100/100" alt="">
  </a>
</div>

БЛОГ НА HUSL

Как ограничить пространство ссылке средствами css?

Ответы (1 шт):