<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; */
}#content .hall-8 li:nth-of-type(-n+10) .item:nth-of-type(1) {
margin-right: 190px;
}
/* Для экранов от 0 до 1999 px */
@media only screen and (max-width:1999px) {
#content .hall-8 li:nth-of-type(-n+10) .item:nth-of-type(1) {
margin-right: 100px;
}
}<a
href="{{ route('somepage') }}"
class="{{ route('somepage') == URL::current() ? 'active' : ''}}"
>.third__main-special{
display: flex;
- justify-content: space-between;
}
.third__main-special-body{
display: block;
- width: 964px;
+ flex-grow: 1;
}{
transition: all 1s ease;
}Или плюс состоит лишь в том, что браузер, когда читает файл делая это сверху-вниз, сначала натыкается на "мобильные" стили?
let tm;
document.addEventListener('keypress', () => {
clearTimeout(tm);
tm = setTimeout(() => {
alert('Ты бездействовал пять секунд!')
}, 5000);
});<html lang="ru">
<html lang="en">html[lang=ru] {
--base-font-size: 16px;
}
html[lang=en] {
--base-font-size: 18px;
}h1 {
font-size: calc(var(--base-font-size) * 2)
}button {
background-image: linear-gradient(to right, red 60%, transparent 60%);
}