Заглавная страница: различия между версиями

Материал из Энциклопедия Ярославского авиатора

Нет описания правки
Нет описания правки
Строка 1: Строка 1:
<div class="container">
<div style="display flex; gap: 10px; flex-direction: row; flex-wrap: wrap;">
  <div class="row justify-content-md-center">
<div style="min-width: 300px; min-height: 100px; padding: 20px; border-radius: 5px; border: 1px dashed #6666FF; display: flex; justify-content: center; align-items: center; flex: 0 0 auto; background-color: #BBBBFF;"> wqerenret tre ret!!!</div>
    <div class="col col-lg-2">
<div style="min-width: 300px; min-height: 100px; padding: 20px; border-radius: 5px; border: 1px dashed #6666FF; display: flex; justify-content: center; align-items: center; flex: 0 0 auto; background-color: #BBBBFF;"> wqerenret tre ret!!!</div>
      1 of 3
<div style="min-width: 300px; min-height: 100px; padding: 20px; border-radius: 5px; border: 1px dashed #6666FF; display: flex; justify-content: center; align-items: center; flex: 0 0 auto; background-color: #BBBBFF;"> wqerenret tre ret!!!</div>
    </div>
<div style="min-width: 300px; min-height: 100px; padding: 20px; border-radius: 5px; border: 1px dashed #6666FF; display: flex; justify-content: center; align-items: center; flex: 0 0 auto; background-color: #BBBBFF;"> wqerenret tre ret!!!</div>
    <div class="col-md-auto">
<div style="min-width: 300px; min-height: 100px; padding: 20px; border-radius: 5px; border: 1px dashed #6666FF; display: flex; justify-content: center; align-items: center; flex: 0 0 auto; background-color: #BBBBFF;"> wqerenret tre ret!!!</div>
      Variable width content
<div style="min-width: 300px; min-height: 100px; padding: 20px; border-radius: 5px; border: 1px dashed #6666FF; display: flex; justify-content: center; align-items: center; flex: 0 0 auto; background-color: #BBBBFF;"> wqerenret tre ret!!!</div>
    </div>
<div style="min-width: 300px; min-height: 100px; padding: 20px; border-radius: 5px; border: 1px dashed #6666FF; display: flex; justify-content: center; align-items: center; flex: 0 0 auto; background-color: #BBBBFF;"> wqerenret tre ret!!!</div>
    <div class="col col-lg-2">
<div style="min-width: 300px; min-height: 100px; padding: 20px; border-radius: 5px; border: 1px dashed #6666FF; display: flex; justify-content: center; align-items: center; flex: 0 0 auto; background-color: #BBBBFF;"> wqerenret tre ret!!!</div>
      3 of 3
    </div>
  </div>
  <div class="row">
    <div class="col">
      1 of 3
    </div>
    <div class="col-md-auto">
      Variable width content
    </div>
    <div class="col col-lg-2">
      3 of 3
    </div>
  </div>
</div>
</div>

Версия от 19:34, 21 мая 2023

wqerenret tre ret!!!
wqerenret tre ret!!!
wqerenret tre ret!!!
wqerenret tre ret!!!
wqerenret tre ret!!!
wqerenret tre ret!!!
wqerenret tre ret!!!
wqerenret tre ret!!!