<div class="container"> <div class="row" > <div class="col-sm-12 col-md-12 col-lg-4 col-xl-4 col-12" > <div class="BLOCK"> <div class="icon headline-block"> <span class="icon-home icon_color-blue"></span> <h5 class="headline_info">Заглавие</h5> </div> <p class="selection-select">Lorem ipsum dolor sit amet consectetur adipiscing elit sed tempor incididunt ut laboret dolore magna ut consequat siad esqudiat dolordLorem ipsum dolor sit amet consectetur adipiscing elit sed tempor incididunt ut laboret dolore magna ut consequat siad esqudiat dolord</p> </div> </div> </div> </div>

Here is such a question ... how to make it so that with a big screen the block size was one for example 200px, and during the small one it stretched to the full?

  [1]: https://i.stack.imgur.com/b5ehE.png

Style

  .BLOCK{ width: 200px; }
  • the block still remains 200 pixels, but I need to stretch out. - Sasuke Uchiha
  • there is only one style ... block {width 200px} - Sasuke Uchiha
  • at the very top of the bootstrap below css - Sasuke Uchiha
  • yes yes yes ... I know ... this is not important for me so far ... I need to stretch the block, then everything else ... ps this is how I wrote it here - Sasuke Uchiha
  • codepen.io/nilsons20000/pen/rgLrRX here ... reduce .. it doesn't work for me - Sasuke Uchiha

0