Форум

Wic_ · #1 (**permalink**) 22.10.2020, 14:57

Здравствуйте! Посоветуйте, как можно такое реализовать. Есть два div в одной строке. При сужении экрана они выстраиваются один под другим. Как сделать, чтобы у них в этом случае ширина была не 50, а 100 %?

<div style="min-width:200px; float:left; width:50%; height:200px;">Text</div>
<div style="min-width:200px; float:left; width:50%; height:200px;">Text</div>

рони · #2 (**permalink**) 22.10.2020, 15:17

Wic_,

<!DOCTYPE html>
<html>
<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
 .txt{
    min-width:200px; float:left; width:50%; height:200px;
    border: 1px solid red;
    box-sizing: border-box;
 }
 @media screen and (max-width: 680px) {
    .txt {width: 100%;}
   }
  </style>
</head>
<body>
<div class="txt">Text</div>
<div class="txt">Text</div>
</body>
</html>

romanklyans · #3 (**permalink**) 26.10.2020, 11:03

Спасибо, Рони! Теперь можно спокойно оформилять щедрые бонусы на официальном сайте Azino 3 топора https://azinocazino.com/bonusy и играть на реальные деньги в слоты, рулетку, блекджек и другие азартные игры. За оформление фриспинов есть возможность бесплатно вращать барабаны игровых автоматов и потренировать свои навыки.

Форум

Справочник

Discord чат

Курсы javascript