Vlad_P
-
Posts
164 -
Joined
-
Last visited
-
Days Won
5
Vlad_P's Achievements
-
Вы для .item строго задаете ширину. вот она и остается неизменной. Если хотите ограничить ширину - пишите max-width
-
Думаю, просто запускается локально, а путь указан из корня
-
я бы навскидку предположил, что анимация срабатывает раньше, чем отобразится сайт, и классы (если они добавлены правильно. в разных версиях библиотеки - они разные)лучше бы добавлять по загрузке документа
-
Здравствуйте, тут проще всего использовать grid. На flex же нужно сделать обертку для этих блоков http://joxi.ru/GrqdQzTGdPBqAz
-
Почему не ставится height:auto и не видно новые блоки?
Vlad_P replied to GreenAurora's question in HTML Coding
Поставил height: auto и вписал в него текст. все видно http://joxi.ru/MAj7vGukG7jWre -
Да да. line-clamp хватит вполне. и мин. размеры картинки следует ограничить ну и object-fit к ней
-
Сделайте контейнер relative для тэга img, чтобы совпадал по размерам с изображением. В нем, помимо изображения абсолютно спозиц. див с left:0, right: 0, top:0, bottom:0. и в нем уже делайте что угодно. примерно так div (relative) img div(absolute) ваш контент......
-
<div class="header"> <img src="" alt=""> <p></p> </div> <style> .header {display: flex;align-items: center;} .header img {flex-shrink: 0;margin-right: 15px;} </style>
-
не знаю что у вас там с головой, может обыдловатость какая, но чем комментировать мой совет, расписали бы тут подробно, как правильно сделать отступы. P.S. Насчет мешанины могу подсказать - присмотритесь ко второму скрину. Да и вопрос почитайте - проблема с добавлением отступов. а в коде их нет
-
Посмотрите, как устроена сетка бутстрапа, или любого др. фреймоворка. У них описано лучше, чем я сумею, да и с кучей примеров
-
Можно так попробовать https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow
-
В grid есть свойство, можно и без того скрипта попробовать. Хотя с ним проще всего)
-
<div class="container"> <img src="" alt=""> <ul> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> <img src="" alt=""> </div> <style> .container {display: grid;grid-template-columns: 1fr minmax(max-content, 30%) 1fr;} .container img {max-width: 100%;} </style>
-
Следует обнулять. обычно для этого используют раличные готовые решения, например, reset.css, bootstrap-reboot.min.css - от бутстрапа и т.д. Просто для примера - создайте div, не используя body
-
Не надо использовать margin для элемента body.