Здравствуйте.
Создал новый файл со стилями, внутри которого
@font-face{font-family:Gotham;font-style:normal;src:url(/fonts/Gotham-Book.otf)}body{margin:0;padding:0;box-sizing:border-box}.social-media-wrap{margin:30px 0;font-family:Gotham,sans-serif}.social-media-wrap .social-row{display:flex;gap:16px}.social-media-wrap .social-row .social-box{height:50px;flex:auto}.social-media-wrap .social-box{border-radius:5px;display:flex;align-items:center;text-align:center;font-weight:500;font-size:16px;line-height:19px;color:#fff;text-decoration:none}.social-media-wrap .social-box.instagram-box{background:linear-gradient(225deg,#4654DD 0%,#C215D1 23.38%,#F11092 49.84%,#FF6334 73.96%,#FEDB6F 97.92%);padding:0 11px}.social-media-wrap .social-box.instagram-box img{margin-right:11px}.social-media-wrap .social-box.facebook-box{background:#4676ed;padding:0 17px}.social-media-wrap .social-box.facebook-box img{margin-right:14px}.social-media-wrap .social-box.twitter-box{background:#5a99ec;padding:0 15px}.social-media-wrap .social-box.twitter-box img{margin-right:13px}.social-media-wrap .social-box.telegram-box{background:linear-gradient(162.14deg,#2AAAF0 -49.88%,#27A4E5 39.47%,#24A0DC 148.27%);height:60px;justify-content:space-between;padding:0 15px;margin-bottom:16px}.social-media-wrap .social-box.telegram-box .telegram-row{display:flex;align-items:center;font-size:24px;line-height:29px;color:#fff}.social-media-wrap .social-box.telegram-box .telegram-row img{margin-right:17px}.social-media-wrap .social-box.telegram-box .telegram-link{border:1px solid rgba(255,255,255,.5);border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;-webkit-border-radius:5px;font-size:20px;line-height:24px;text-align:center;letter-spacing:.05em;display:flex;align-items:center;padding:5px 44px 5px 12px;color:#fff}.social-media-wrap .social-box.telegram-box .telegram-link img{margin-right:31px}@media(min-width:992px){.social-media-wrap.social-mob{display:none}}@media(max-width:991px){.social-media-wrap.social-web{display:none}}@media(max-width:767.99px){.social-media-wrap .social-row{flex-wrap:wrap}.social-media-wrap .social-row .social-box{flex:auto;width:calc(100% — 32px)}.social-media-wrap .social-box.telegram-box .telegram-row{font-size:16px;line-height:19px}.social-media-wrap .social-box.telegram-box .telegram-row img{height:20px;margin-right:13px}.social-media-wrap .social-box.telegram-box .telegram-link{font-size:16px;line-height:19px}.social-media-wrap .social-box.instagram-box img{margin-right:23px}.social-media-wrap .social-box.facebook-box img{margin-right:27px}.social-media-wrap .social-box.twitter-box img{margin-right:18px}}@media(max-width:575.99px){.social-media-wrap .social-box{height:40px!important}.social-media-wrap .social-box.telegram-box .telegram-link{display:none}}
Из-за этих стилей на некоторых страницах основую колонку шаблона (blogger) тянет вверх, но не на всех страницах (главная, страница списка групп, страница пользователей, страница контента и т.д.). Скриншоты выкладываю.
Не подскажете в чём может быть причина? Убираю эти стили, всё нормально. Эти стили нужны для визуализации страниц сайта в социальных сетях и показывается он только в записях ТК. Проверял эти стили в модерне, никаких ошибок нет.
