Как дать ссылку grid элементу?

Question

[alpprom63]

Здравствуйте!

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

<div class="grid">

  Вот ссылка <a href="https://promalp-v-samare.ru/spil-dereva-v-samare.html"></a>

<div class="grid-item1">
    <p>Спил деревьев</p>
  </div>>
  <div class="grid-item2">
    <p>Очистка крыш от снега</p> 
  </div>
  <div class="grid-item3">
    <p>Утепление квартир</p> 
  </div>
  <div class="grid-item4">
    <p>Ремонт водостоков</p> 
  </div>
  <div class="grid-item5">
    <p>Мойка фасадов зданий</p>
  </div>
  <div class="grid-item6">
    <p>Замена стеклопакетов</p> 
  </div>
  <div class="grid-item7">
    <p>Очистка блока кондиционера</p>
  </div>
  <div class="grid-item8">
    <p>Покраска фасадов</p>
  </div>
   <div class="grid-item9">
    <p>Ремонт панельных швов</p> 
  </div>
  <div class="grid-item10">
    <p>Подарок на высоте</p>
  </div>
  <div class="grid-item11">
    <p>Монтаж баннеров</p>
  </div>
  <div class="grid-item12">
    <p>Мойка окон на высоте</p>
  </div>
 </div>

Comments

[Ankhena]

Ну и где тут ссылка в разметке в песочнице?

[alpprom63]

Ankhena, вот ссылка

https://promalp-v-samare.ru/spil-dereva-v-samare.html

нужно ее дать на весь грид элемент

<div class="grid-item1">
    <p>Спил деревьев</p>
  </div>

[Ankhena]

alpprom63, проще заменить div на a. Не понятно зачем вам лишняя обертка.

[alpprom63]

Ankhena, Вы как-то заумно отвечаете.

Короче на другом сайте нашел решение.
Может кому пригодится

<div class="grid-item1">
    <a class="cover-link" href=habr.com></a>
    <p>Хабр</p>
  </div>

.grid-item1  {
position: relative;
}

a.cover-link {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}

[Ankhena]

alpprom63,
Угу, ну да, ну да.
Ссылка с классом:
<a class="grid-item1">Хабр</a>

Это всё.

[alpprom63]

Ankhena,
Как все! А где сам путь ссылки?

[Ankhena]

alpprom63, понадеялась на ваш разум и умение делать ctrl+c ctrl+v. Но видимо, да и это оказалось слишком заумным. Приношу извинения.
Уточняю: добавьте атрибут href самостоятельно.