Помогите разобраться!
Секция “Наши услуги”
Насколько я понимаю, это слайдер, в котором при нажатии на название услуги в левой части изменяется соответствующее содержание правой части (заголовок, текст, картинка и кнопка). Я решил это через
<input> - <label>:
<section>
<h2>Наши услуги</h2>
<section>
<label for="living-space-design">Дизайн жилого помещения</label>
<label for="hotel-room-design">Дизайн отельных комнат</label>
<label for="commercial-design">Дизайн коммерческих объектов</label>
<label for="turnkey-renovation">Ремонт под ключ</label>
<label for="finishing-work">Отделочные работы</label>
<label for="designer-visiting-your-home">Выезд дизайнера на дом</label>
</section>
<input type="radio" class="visually-hidden" name="services" id="living-space-design">
<input type="radio" class="visually-hidden" name="services" id="hotel-room-design">
<input type="radio" class="visually-hidden" name="services" id="commercial-design">
<input type="radio" class="visually-hidden" name="services" id="turnkey-renovation">
<input type="radio" class="visually-hidden" name="services" id="finishing-work">
<input type="radio" class="visually-hidden" name="services" id="designer-visiting-your-home">
<section>
<h3>Дизайн коммерческих объектов</h3>
<img width="878" height="390" src="img/image.jpg" alt="Дизайн объекта">
<p>Работая с коммерческими объектами, студия изучает целевую аудиторию, создаем коммерческие интерьеры такими, чтобы посетители кафе, бара, гостиницы хотели возвращаться в интерьер снова и снова</p>
<p>532 проекта</p>
<a href="#">Консультация</a>
</section>
</section>
В образце это решается через <a> :
Кто-нибудь может объяснить - почему?