.product__subtitle {
background-color: red;
height: 100%;
}
.product__item {
width: calc(100% / 3 - 28px);
position: relative;
margin: 0 14px;
display: flex;
flex-direction: column;
}
<p>
, то такой код подойдет..dropdown-item p {white-space: normal;}
.full-width {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
$('#link').prop('onclick', null).off('click');
$("#link").click(function() {
alert('click function executed');
});
<div class="text-cards" style="--c:3">
<div class="text-card">
<div class="img"><img src="" alt=""></div>
<h4>Полное отсутствие зубов</h4>
<p>Lorem ipsum dolor sit amet </p>
</div>
</div>
.text-cards {
display: grid;
gap: 40px;
grid-template-columns: repeat(var(--c), 1fr);
}
.panel__wrap {
display: flex;
justify-content: center;
align-items: flex-end;
margin: 0 -10px;
}
.panel__image
задать фиксированную высоту, а вложенному изображению добавить object-fit: cover;
column-count: 3;
можно ещё попробовать, если с js не подходит решение<input type="submit" value="Send" class="wpcf7-form-control wpcf7-submit" data-dismiss="modal">
<input type='reset' />
и тег <form>
.block-criteria label {
font-size: 14px;
color: #c4c4c4;
position: absolute;
left: 0;
top: 0;
z-index: 1;
cursor: pointer;
}
.block-criteria__form:focus + label {
font-size: 12px;
bottom: initial;
top: -20px;
transition: all 0.3s ease-out;
}