.quality__line {
display: flex;
flex-wrap: wrap;
}
.quality__line span {
flex: 1 1 auto;
border-bottom: 1px solid #000;
}
<label>
<input type="radio" name="radios">
<span class="custom-radio" style="--radio-color: rgba(255, 255, 255, 1)"></span>
</label>div[style*="border: 2px solid rgba(26, 115, 232)"] {
border: none!important;
}const swiper = new Swiper('#swiper', {
effect: 'coverflow',
loop: false,
centeredSlides: true,
slidesPerView: 3.4,
spaceBetween: 0,
coverflowEffect: {
rotate: 0,
stretch: 0,
depth: 275,
modifier: 1,
slideShadows : false,
}
}
});<?php if( get_field('field_name') ): ?>
<p>My field value: <?php the_field('field_name'); ?></p>
<?php endif; ?>
<div class="images">
<img src="https://via.placeholder.com/468x160" alt="">
<img src="https://via.placeholder.com/468x260" alt="">
<img src="https://via.placeholder.com/468x60" alt="">
<img src="https://via.placeholder.com/468x160" alt="">
<img src="https://via.placeholder.com/468x360" alt="">
<img src="https://via.placeholder.com/468x560" alt="">
<img src="https://via.placeholder.com/468x460" alt="">
<img src="https://via.placeholder.com/468x60" alt="">
<img src="https://via.placeholder.com/468x460" alt="">
<img src="https://via.placeholder.com/468x260" alt="">
</div>
<style>
.images {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 20px;
}
.images img {
display: block;
width: 100%;
min-height: 100%;
object-fit: cover;
object-position: center;
}
</style>