.cert-grid{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:24px; } .cert-item{ display:block; border:1px solid #e6e6e6; border-radius:12px; overflow:hidden; background:#fff; transition:transform .15s ease, box-shadow .15s ease; /* убираем оформление ссылки */ text-decoration:none !important; color:inherit; } .cert-item:hover, .cert-item:focus, .cert-item:active{ text-decoration:none !important; color:inherit; } /* на всякий — чтобы тема не подчёркивала вложенные элементы */ .cert-item *{ text-decoration:none !important; } /* зона картинки: центрируем и по горизонтали и по вертикали */ .cert-img{ height:260px; padding:12px; background:#fff; display:flex; align-items:center; justify-content:center; } /* сама картинка */ .cert-img img{ max-width:100%; max-height:100%; width:auto; height:auto; object-fit:contain; display:block; } /* подпись */ .cert-title{ padding:12px 14px 16px; font-size:16px; font-weight:600; line-height:1.25; color:#222; text-align:center; } /* hover */ .cert-item:hover{ transform:translateY(-2px); box-shadow:0 8px 24px rgba(0,0,0,.08); } /* адаптив */ @media (max-width: 991px){ .cert-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)); } } @media (max-width: 767px){ .cert-grid{ grid-template-columns:1fr; } .cert-img{ height:220px; } } Сертификат APP-GROUP Сертификат BAO POWER Сертификат HRT Сертификат СПБелт
