dallynx
Ответы в темах
-
Форум: Проблемы и решения
Тема: перенос словПопробуйте поэкспериментировать с размером шрифта, например:
features-large-icons-featcol{ font-size: 10px; } .features-large-icons-featcol h4{ font-size: 15px; }
Ещё мягкий перенос можно попробовать и-или padding-ом поиграть.
Янтарный02.html переименуйте в index.html 🙂
Попробуйте в блок HTML добавить:
<div style="padding: 1rem; background-color: blue; color: white;"> <p>Абзац комментария</p> <p>Абзац комментария</p> </div>
попробуйте в дополнительные стили
.art-postcontent table{ line-height: 1.2; }
расширенные настройки > дополнительные стили
.social-links{ display: none; }
Форум: Проблемы и решения
Тема: Подскажите как сделать подобный блок<header class="header"> <h1 class="logo">LOGO</h1> <div class="forAddress"> <p class="address">г.Ленинград, ул. Венедиктова, 61Б</p> <nav class="nav"> <a class="link" href="#">О нас</a> <a class="link" href="#">Отзывы</a> <a class="link" href="#">Вакансии</a> <a class="link" href="#">Блог</a> <a class="link" href="#">Контакты</a> </nav> </div> <div class="forTelephone"> <p class="service">Сервис: +7(4012) 55-55-55</p> <p class="body">Кузовной: +7(4012) 55-55-55</p> </div> <p class="schedule">Режим работы:<br> пн-пт: 9<sup>00</sup> - 19<sup>00</sup>,<br> сб: 9<sup>00</sup> - 16<sup>00</sup>, вс - вых.</p> </header>
@import url('https://fonts.googleapis.com/css?family=Roboto'); * { box-sizing: border-box; } /* 360-30-55 */ html{ font-family: Roboto, sans-serif; line-height: 1.6; font-size: 15px; } body{ padding-top: 25px; } p{ margin: 0; } .header { border-top: 2px solid silver; border-bottom: 2px solid silver; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; max-width: 980px; margin: 0 auto; padding: 15px; } .logo{ font-size: x-large; margin: 0; padding-right: 15px; } .forAddress{ padding: 0 15px; } .link{ padding-right: 10px; } .link:last-of-type{ pading-right: 0; } .forTelephone{ padding: 0 15px; } .schedule{ padding-left: 15px; }