Size: a a a

htmlbase.ru - чат по front-end разработке

2021 August 12

А

Александер 😈... in htmlbase.ru - чат по front-end разработке
Нет
источник

А

Александер 😈... in htmlbase.ru - чат по front-end разработке
источник

А

Александер 😈... in htmlbase.ru - чат по front-end разработке
Container не трож
источник

А

Александер 😈... in htmlbase.ru - чат по front-end разработке
Он сетка
источник

А

Александер 😈... in htmlbase.ru - чат по front-end разработке
Ща вернусь на место
источник

А

Александер 😈... in htmlbase.ru - чат по front-end разработке
Напишу подробнее
источник

PM

Pavel Mellonges® in htmlbase.ru - чат по front-end разработке
окей, потому что я по-тупому заменил col на block ну и херня получилась
источник

А

Александер 😈... in htmlbase.ru - чат по front-end разработке
5 мин
источник

А

Александер 😈... in htmlbase.ru - чат по front-end разработке
Подожди
источник

А

Александер 😈... in htmlbase.ru - чат по front-end разработке
смотри
источник

А

Александер 😈... in htmlbase.ru - чат по front-end разработке
<div class="container">
 <div class="block__wrapper">
   <div class="block">
     <div class="text">
       тут текст
     </div>

     <img src="картинка" alt="">
   </div>
   <div class="block">
     <div class="text">
       тут текст
     </div>

     <img src="картинка" alt="">
   </div>
   <div class="block">
     <div class="text">
       тут текст
     </div>

     <img src="картинка" alt="">
   </div>
   <div class="block">
     <div class="text">
       тут текст
     </div>

     <img src="картинка" alt="">
   </div>
 </div>
</div>
источник

А

Александер 😈... in htmlbase.ru - чат по front-end разработке
вот твоя структура
источник

А

Александер 😈... in htmlbase.ru - чат по front-end разработке
классы ставишь сам какие удобнее
источник

А

Александер 😈... in htmlbase.ru - чат по front-end разработке
  .block__wrapper {
   display: flex;
   margin: 0 -15px;
 }

 .block {
   width: 25%;
   padding: 0 15px 100px;
position: relative;
 }
 
 .block img {
   height: 100px;
   position: absolute;
   bottom: 0;
   left: 50%;
   transform: translateX(-50%);
 }
источник

А

Александер 😈... in htmlbase.ru - чат по front-end разработке
block__wrapper это может быть твой .row

.block это твой col
источник

А

Александер 😈... in htmlbase.ru - чат по front-end разработке
примерно так
источник

А

Александер 😈... in htmlbase.ru - чат по front-end разработке
надеюсь понятно
источник

А

Александер 😈... in htmlbase.ru - чат по front-end разработке
дописал к .block position:relative
источник

А

Александер 😈... in htmlbase.ru - чат по front-end разработке
источник

PM

Pavel Mellonges® in htmlbase.ru - чат по front-end разработке
спасибо огромное!
источник