Jump to content

Vlad_P

User
  • Posts

    164
  • Joined

  • Last visited

  • Days Won

    5

Vlad_P last won the day on April 14 2019

Vlad_P had the most liked content!

Information

  • Sex
    мужской

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

Vlad_P's Achievements

  1. Вы для .item строго задаете ширину. вот она и остается неизменной. Если хотите ограничить ширину - пишите max-width
  2. Думаю, просто запускается локально, а путь указан из корня
  3. я бы навскидку предположил, что анимация срабатывает раньше, чем отобразится сайт, и классы (если они добавлены правильно. в разных версиях библиотеки - они разные)лучше бы добавлять по загрузке документа
  4. Здравствуйте, тут проще всего использовать grid. На flex же нужно сделать обертку для этих блоков http://joxi.ru/GrqdQzTGdPBqAz
  5. Поставил height: auto и вписал в него текст. все видно http://joxi.ru/MAj7vGukG7jWre
  6. Да да. line-clamp хватит вполне. и мин. размеры картинки следует ограничить ну и object-fit к ней
  7. Сделайте контейнер relative для тэга img, чтобы совпадал по размерам с изображением. В нем, помимо изображения абсолютно спозиц. див с left:0, right: 0, top:0, bottom:0. и в нем уже делайте что угодно. примерно так div (relative) img div(absolute) ваш контент......
  8. <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>
  9. не знаю что у вас там с головой, может обыдловатость какая, но чем комментировать мой совет, расписали бы тут подробно, как правильно сделать отступы. P.S. Насчет мешанины могу подсказать - присмотритесь ко второму скрину. Да и вопрос почитайте - проблема с добавлением отступов. а в коде их нет
  10. Посмотрите, как устроена сетка бутстрапа, или любого др. фреймоворка. У них описано лучше, чем я сумею, да и с кучей примеров
  11. Можно так попробовать https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow
  12. В grid есть свойство, можно и без того скрипта попробовать. Хотя с ним проще всего)
  13. <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>
  14. Следует обнулять. обычно для этого используют раличные готовые решения, например, reset.css, bootstrap-reboot.min.css - от бутстрапа и т.д. Просто для примера - создайте div, не используя body
  15. Не надо использовать margin для элемента body.
×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy