purple/ocean

Newbie
  • Content count

    26
  • Joined

  • Last visited

  • Days Won

    1

purple/ocean last won the day on October 30

purple/ocean had the most liked content!

Community Reputation

1 Обычная

About purple/ocean

  • Rank
    Новичок
  • Birthday 10/10/1998

Information

  • Sex
    мужской
  • From
    СПб
  1. purple/ocean

    ПОМОГИТЕ НАЙТИ ОШИБКУ.

    Опечатка в имени класса для кнопки В html bth, в сss btn C рамкой то же самое sitebar и sidebar Будь внимательнее.
  2. Попробуй дописать вендорные префиксы на кейфрейм и его свойства для safari.
  3. purple/ocean

    navbar collapse

    Задавайте вопрос корректнее. Полагаю что jQuery, если так, то подключайте jQuery UI, там в документации куча примеров с эффектами. Примерное решение вашей проблемы $( "#toggle" ).click(function() { $( ".menu" ).toggle( "slide", 1000 ); });
  4. 2 дня? Первая ссылка по запросу "как сделать ссылку на скачивание файла html" Можешь проверить Вот код, нужен лишь атрибут download <a href="index.html" download>Скачать файл</a> Ресурс для доп. информации Там в ресурсе не написано, но если вдруг требуется скачать допустим index.html, а на выходе он имел название title.html, то в атрибут нужно дописать желаемое название. <a href="index.html" download="title">Скачать файл</a>
  5. Задавай вопрос корректнее, если хочешь получить ответ. Какой контейнер? Так же как где?
  6. Прекрасная статья с ресурса известного любому кто гуглил что-то про веб хотя бы пол часа. 1.http://tpverstak.ru/roadmap-frontend-2019/ что изучать 2.http://tpverstak.ru/verstak-vs-frontend/ доп. чтоб разницу понять
  7. stylelint(можно даже gulp-stylelint, если уж совсем автоматически на постоянке хочется) решит все проблемы
  8. Форум вообще живой?!
  9. Размер какого-то блока кривой, мб падинг/марджин мешает. Так же в инспекторе пройдись по всем элементам курсором выбора элемента. и посмотри что толкает страницу. Погугли что такое медиа-запросы.
  10. purple/ocean

    Как это сверстать?

    .wrap{ width: 250px; display: flex; flex-direction: row; justify-content: space-around; align-items: center; border: 1px grey solid; } hr{ height: 80px; width: 1px; border: none; background-color: grey; margin: 0; } <div class="wrap"> <div class="l-side"> <p>prep</p> <p>20 m</p> </div> <hr> <div class="r-side"> <p>ready in</p> <p>8 h 20 m</p> </div> </div>
  11. Как правильно, грамотно, реализовать верстку таких линий? Код не обязателен, хотя бы просто правильное направление для мыслей.
  12. position: absolute; поможет выйти из ситуации?
  13. Как правильно сверстать картинки(руку, лист салата и тд) на данном шаблоне? Интересуют именно первые 3 изображения, а именно тарелка, рука с дошиком и лист салата. Тарелку можно просто сверстать допустим на флексах разбив блок на 3 столбца. Но вот интересно как сверстать две оставшиеся картинки так еще и с текстом. Я подумал, что можно также сверстать на тех же флексах разбив на те же 3(в случае с рукой) и 2(в случае с листом салата) колонки флекс сетку, но в таком случае изображения толкали бы друг друга так как рука с тарелкой и лист салата имеют общую площадь расположения на странице. Как это сделать? Помогите пожалуйста, может какое-то свойство прилипания или вообще другой метод верстки?
  14. Как вообще сделать, а главное как сделать правильно такую обводку блока?
  15. purple/ocean

    purple/ocean