Как скачать?
.wui-select-container:has(input:disabled)::after {
}
box-sizing: border-box;
width: calc((100% - 30px * 2) / 3);
gap: 20px 30px;
.grid {
display: flex;
flex-wrap: wrap;
gap: 20px 30px;
}
.item {
box-sizing: border-box;
width: calc((100% - 30px * 2) / 3);
text-decoration: none;
color: #000;
padding: 20px;
border: 1px solid #000;
}
const select = document.querySelector('select');// Берем первый селект на странице
select.addEventListener('change', () => {
switch (select.value) {
case 1:
select.style.border = '1px solid red';
break;
case 2:
select.style.border = '1px solid green';
break;
case 3:
select.style.border = '1px solid blue';
break;
}
})
document.querySelectorAll('select').forEach(select => {
select.addEventListener('change', () => {
switch (select.value) {
case 1:
select.style.border = '1px solid red';
break;
case 2:
select.style.border = '1px solid green';
break;
case 3:
select.style.border = '1px solid blue';
break;
}
})
})
<div class="servers">
<p class="server-name">НМ</p>
<p class="server-name">???</p>
<img class="servers_image" src="content/nm11.png">
<img class="servers_image" src="content/dont_know.png">
</div>
.servers {
display: grid;
grid-template-columns: 1fr 1fr;
column-gap: 50px;
row-gap: 3em;
}
.server-name{
/* display: inline-block; */
/* width: 10px; */
/* position: relative; */
font-family: 'Roboto Slab', serif;
font-size: 30px;
/* position: relative; */
/* top: 25px; */
/* left: 85px; */
text-align: center;
}
.servers_image{
height: 300px;
/* width: 230px; */
border-radius: 35px;
/* margin-bottom: 3em; */
/* margin-right: 50px; */
}
<a
href="{{ route('somepage') }}"
class="{{ route('somepage') == URL::current() ? 'active' : ''}}"
>