Bugfix footer visualisation #173
Conversation
| footer.bg-light.border-top.mt-auto.py-3 | ||
| .container-xl | ||
| .d-md-flex.justify-content-around | ||
| .flex-column |
There was a problem hiding this comment.
flex-column срабатывает только вместе с флекс элементом (row, d-flex, etc)
There was a problem hiding this comment.
чем тебя не устраивает структура аля
.container-xl > .row.justify-content-around .col-md-4*3
There was a problem hiding this comment.
- Про row - согласен.
- Без flex-column текст в колонках - смещённый. Я начинающий бутстрапщик. Просто так заработало, и лишних движений особо не делал
There was a problem hiding this comment.
что значит смещенный?
скрин пожалуйста
There was a problem hiding this comment.
Запуш новый код, иначе я не могу сказать что не так
There was a problem hiding this comment.
я не понимаю чем тебе тут помогает .flex-column
отправь свои изменения и будет видно
Предполагаю что в твоем случае, тебе не важно какой класс будет, хоть просто пустой div, таким образом у тебя текст занимает свою ширину и выстраивается ровнее
There was a problem hiding this comment.
Поправка насчёт .row:
слева - .d-md-flex, справа - .row. На десктопе - одинаково.
There was a problem hiding this comment.
Всё вроде понятно как работает. Как начинаешь что-то делать - всё что-то не так
| div.h5.mb-3= t('.help') | ||
|
|
||
| .flex-column | ||
| h5= t('.help') |
There was a problem hiding this comment.
до этого у тебя тут были <div class="h5">blabal</div>
теперь это стало <h5>blabla</h5>
кажется по пути потеряли семантику
если хочешь использовать это как заголовки какого-то уровня, но с этим же стилем, то стоит сделать что-то типа
h2.h5 === <h2 class="h5">babla</h2>
There was a problem hiding this comment.
Сделаю h2.h5.
Но не понял, что значит "семантика потерялась"
There was a problem hiding this comment.
Семантика потерялась - имею ввиду что по логике у нас заголовки должны быть со своей структурой
типа после h1 идет h2, после h2 > h3 и тд
когда у тебя ниоткуда возникает h5 - это выглядит странным и неправильным
с одной стороны секция футер это должна нивелировать (по стандарту каждая секция может иметь свои заголовок первого уровня), но пока это работает не везде, и лучше быть последовательным
There was a problem hiding this comment.
учитывая что h1 должен быть одним на странице, то в футере это должно быть что-то типа h2 или h3, но уже надо по структуре смотреть
| footer.bg-light.border-top.mt-auto.py-3 | ||
| .container-xl | ||
| .d-md-flex.justify-content-around | ||
| .flex-column |
There was a problem hiding this comment.
Запуш новый код, иначе я не могу сказать что не так
| footer.bg-light.border-top.mt-auto.py-3 | ||
| .container-xl | ||
| .d-md-flex.justify-content-around | ||
| .flex-column |
There was a problem hiding this comment.
я не понимаю чем тебе тут помогает .flex-column
отправь свои изменения и будет видно
Предполагаю что в твоем случае, тебе не важно какой класс будет, хоть просто пустой div, таким образом у тебя текст занимает свою ширину и выстраивается ровнее
No description provided.