VS
У меня бывает когда в CSS лишню } ставишь то пол сайта криво рендерится
Size: a a a
2021 June 21
VS
Но в самом редакторе можно отловить такие ошибки
VS
Так что хз
VC
не разбираюсь в гридах как мне сделать чтобы когда 2 элемента, то они стали поуже и слева расположены в контейнере?
const Container = styled.div`
width: 100%;
display: flex;
justify-content: space-between;
align-items: baseline;
margin-left: 50px;
@media (min-width: 769px) {
margin-top: 50px;
}
margin-bottom: 60px;
@supports (display: grid) {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(212px, 1fr));
//grid-template-rows: minmax(190px, 1fr);
grid-template-rows: 190px;
grid-column-gap: 50px;
margin-left: 0;
align-items: stretch;
grid-row-gap: 20px;
}
`;
VC
И
вот перезапустил браузер и открыл десктоп версию..
И
масштаб 100%
И
в коде ничего не менял. Стала корректно отбражаться.
В чем причина такого поведения?
Может с оперативкой что-то? Или жестким?
В чем причина такого поведения?
Может с оперативкой что-то? Или жестким?
VS
Проверь в других браузерах
И
такое же поведение
VS
Дай ссылку на сайт
И
вот я сужаю, расширяю, то нормально отображается, то нет. Посмотрел на 320-480 и пошел дальше все норм, возвращаюсь на 320-480 уже не корректно отображается.
V🍏
А когда 3 - растягивались?
IF
<!doctype html>
<html lang="Ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<link rel="shortcut icon" href="img/1.png" type="image/x-icon">
<link href="css/style1.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,700|Old+Standard+TT&display=swap&subset=cyrillic" rel="stylesheet">
</head>
<body class="body_proba">
<div class="page">
<div class="logo"><img src="img/logo.svg" width="137" height="70" alt="logo"></div>
<div class="header-1 header-proba">
<div class="shapka">Igorek
</div>
<div class="shapka1">
<ul class="shapka_li">
<li class="nav-item"><a href="index.html">Home</a></li>
<li class="nav-item"><a href="#">Contacts</a></li>
<li class="nav-item"><a href="#">Maps</a></li>
<li class="nav-item"><a href="#">Login</a></li>
</ul>
</div>
</div>
<div class="main">
<aside class="menu">
<ul class="ul-menu">
<li><a href="#">Новости</a></li>
<li><a href="#">Фото</a></li>
<li><a href="#">Видео</a></li>
<li><a href="#">История</a></li>
</ul>
</aside>
<section class="news"><p>МОСКВА, 20 июн — РИА Новости. На атомной электростанции "Бушер" на юге Ирана произошло аварийное отключение электричества, передает телеканал Press TV.
Работа АЭС прекратилась три дня назад. Это привело к недостатку в выработке электроэнергии в размере 1000 мегаватт.
Для устранения технической неисправности потребуется несколько дней, на это время работу электростанции приостановят.
Сооружение энергоблоков АЭС "Бушер" считается крупнейшим российско-иранским проектом. Первый блок, достроенный с участием России, подключили к национальной энергосистеме Ирана в сентябре 2011 года. Москва поставляет Тегерану ядерное топливо, необходимое для работы реактора этого блока. Российское посольство в Иране 29 апреля 2020 года последний раз сообщало о доставке свежей партии топлива в исламскую республику.</p>
</section>
</div>
</div>
</body>
</html>
Жена армянка)))
<html lang="Ru">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title></title>
<link rel="shortcut icon" href="img/1.png" type="image/x-icon">
<link href="css/style1.css" rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,500,700|Old+Standard+TT&display=swap&subset=cyrillic" rel="stylesheet">
</head>
<body class="body_proba">
<div class="page">
<div class="logo"><img src="img/logo.svg" width="137" height="70" alt="logo"></div>
<div class="header-1 header-proba">
<div class="shapka">Igorek
</div>
<div class="shapka1">
<ul class="shapka_li">
<li class="nav-item"><a href="index.html">Home</a></li>
<li class="nav-item"><a href="#">Contacts</a></li>
<li class="nav-item"><a href="#">Maps</a></li>
<li class="nav-item"><a href="#">Login</a></li>
</ul>
</div>
</div>
<div class="main">
<aside class="menu">
<ul class="ul-menu">
<li><a href="#">Новости</a></li>
<li><a href="#">Фото</a></li>
<li><a href="#">Видео</a></li>
<li><a href="#">История</a></li>
</ul>
</aside>
<section class="news"><p>МОСКВА, 20 июн — РИА Новости. На атомной электростанции "Бушер" на юге Ирана произошло аварийное отключение электричества, передает телеканал Press TV.
Работа АЭС прекратилась три дня назад. Это привело к недостатку в выработке электроэнергии в размере 1000 мегаватт.
Для устранения технической неисправности потребуется несколько дней, на это время работу электростанции приостановят.
Сооружение энергоблоков АЭС "Бушер" считается крупнейшим российско-иранским проектом. Первый блок, достроенный с участием России, подключили к национальной энергосистеме Ирана в сентябре 2011 года. Москва поставляет Тегерану ядерное топливо, необходимое для работы реактора этого блока. Российское посольство в Иране 29 апреля 2020 года последний раз сообщало о доставке свежей партии топлива в исламскую республику.</p>
</section>
</div>
</div>
</body>
</html>
Жена армянка)))
МК
у меня какая-то херня летающая получилась..
вот секшин и хедер (1 фото)
когда на фото на каждый из них по отдельности - они не соприкасаются и маржинов нет никаких.
ПОЧЕМУ они не соприкасаются (((((((
вот секшин и хедер (1 фото)
когда на фото на каждый из них по отдельности - они не соприкасаются и маржинов нет никаких.
ПОЧЕМУ они не соприкасаются (((((((
МК
между ними есть место
МК
откуда там место. Контейнер без всяких флексов.. я ничего плохого в жизни не делал другим людям..
VS
Вот как так можно определить? Нужно открыть девтулз, смотреть что по стилям и тд, так прикольно, когда просто кидают скрин из браузера и просят разобратьчя