Мой элемент переполняет его div на другой при изменении размера экрана. Почему это происходит? - PullRequest
Новая
       17

Мой элемент переполняет его div на другой при изменении размера экрана. Почему это происходит?

0 голосов
/ 26 марта 2019

Когда сайт работает в полноэкранном режиме, макет в порядке, но когда я изменяю размер окна до меньшего размера, элементы перетекают на другие элементы.

Я попытался обернуть элементы внутри основного элемента div, но он все ещепереполнения 

<div class="container" style="padding-top:25vh; display: block">
  <!-- <h1 id="projects">Projects</h1> -->
  <div class="row">
    <div class="card col-lg-4 col-md-6 col-sm-12" style="width: 18rem;">
      <div class="card-header bg-transparent">Project Name: </div>
      <a href=""> <img class="card-img-top" src="https://images.unsplash.com/photo-1505238680356-667803448bb6?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60" class="card-img-top" alt="..."></a>
      <div class="card-body">
        <p class="card-text">Description: </p>
        <p class="card-text">Languages/Frameworks utilized: </p>
      </div>
    </div>

Он должен оставаться внутри одного деления, а не переполняться из него.

1 Ответ

0 голосов
/ 26 марта 2019

Это, вероятно, потому, что здесь вы переопределяете ширину карты:

class = "card col-lg-4 col-md-6 col-sm-12" style = "width: 18rem;"

Так что ваши карты больше не реагируют.

...