It is necessary to place the blocks in the section in this form:

enter image description here

And the requirements are:

  1. Width A+Б=100% window
  2. Width Б - in its content
  3. The height of the entire section - by content Б
  4. Height В - in content
  5. Alignment А - in the middle of the width and height
  6. Alignment Б - in the middle of the width and height
  7. Alignment В - in the middle of the height, on the right side of the width

It is not possible to perform п.4-7 . Please help.

    1 answer 1

    They helped to find the solution on the Drupal forum , for which they have immense human thanks!

     <div class="container-fluid"> <div class="row"> <div class="col d-flex flex-column"> <div class="col d-flex justify-content-center align-items-center">А</div> <div class="d-flex justify-content-end align-items-center">В</div> </div> <div class="col-md-auto d-flex justify-content-center align-items-center">22222&nbsp;22222&nbsp;22222&nbsp;22222<br>22222&nbsp;22222&nbsp;22222&nbsp;22222<br>22222&nbsp;22222&nbsp;22222&nbsp;22222<br>22222&nbsp;22222&nbsp;22222&nbsp;22222<br>22222&nbsp;22222&nbsp;22222&nbsp;22222<br>22222&nbsp;22222&nbsp;22222&nbsp;22222<br>22222&nbsp;22222&nbsp;22222&nbsp;22222<br>22222&nbsp;22222&nbsp;22222&nbsp;22222<br>22222&nbsp;22222&nbsp;22222&nbsp;22222<br>22222&nbsp;22222&nbsp;22222&nbsp;22222<br>22222&nbsp;22222&nbsp;22222&nbsp;22222<br>22222&nbsp;22222&nbsp;22222&nbsp;22222<br>22222&nbsp;22222&nbsp;22222&nbsp;22222<br>22222&nbsp;22222&nbsp;22222&nbsp;22222<br>22222&nbsp;22222&nbsp;22222&nbsp;22222<br>22222&nbsp;22222&nbsp;22222&nbsp;22222<br>22222&nbsp;22222&nbsp;22222&nbsp;22222<br></div> </div> </div>

    The question is closed.