Okieazy

Newbie
  • Content count

    21
  • Joined

  • Last visited

Community Reputation

0 Обычная

About Okieazy

  • Rank
    Новичок

Information

  • Sex
    мужской
  1. Доброго времени суток.Сверстал макет.Прошу объективной критики: допустил ли я какие-нибудь критические ошибки, что можно улучшить, что изменить, может, какую-нибудь секцию стоило бы сверстать по-другому?Валидность, качество и производительность HTML и CSS кода? https://github.com/Okitonori/ActiveBox
  2. Столкнулся с проблемой схлопывания отступов при уменьшении высоты браузерного окна. Пофиксил, добавив overflow: auto; родительскому элементу. Однако, на оверлей это не действует. Как исправить? <header class="header overlay"> <div class="header-content"> <h1 class="header-content__title">We are awesome creative agency</h1> <p class="header-content__descr">This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum, nec sagittis sem nibh id elit. Duis sed odio sit amet nibh vulputate cursus a sit amet mauris. Morbi accumsan ipsum velit.</p> </div> </header> .overlay:before { content: ''; position: absolute; top: 0; left: 0; display: block; height: 100%; width: 100%; background-image: -webkit-linear-gradient(0deg, rgba(9, 5, 47, 0.851) 0%, rgba(49, 29, 94, 0.851) 100%); background-image: -ms-linear-gradient(0deg, rgba(9, 5, 47, 0.851) 0%, rgba(49, 29, 94, 0.851) 0%); z-index: -1; } .header { position: relative; max-height: 670px; height: 100vh; background-image: url('../images/header-bg.jpg'); background-position: top center; background-size: cover; z-index: 1; overflow: auto; } .header-content { max-width: 700px; margin: 0 auto; margin-top: 150px; text-align: center; padding: 0 15px; }
  3. Как реализовать такое поведение, чтобы когда я прокручивал слайд, снизу, где все иконки, в центре была активная иконка, у которой был размер больше, чем у остальных? То есть как при прокручивании слайда добавлять класс 'active' иконке, что находится в центре? При этом все иконки тоже должны прокручиваться в слайде. .testimonials-client p.testimonials-client__feedback This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. Aenean h3.testimonials-client__name Jane Galadriel span.testimonials-client__subname Ceo tengkurep img.testimonials-client__photo(src="images/client-1.png", alt="") img.testimonials-client__photo(src="images/client-1.png", alt="") img.testimonials-client__photo(src="images/client-1.png", alt="") img.testimonials-client__photo(src="images/client-1.png", alt="") img.testimonials-client__photo(src="images/client-1.png", alt="")
  4. Okieazy

    PUG Миксины

    Спасибо.
  5. Как это фиксится? Делаю всё по документации (вроде как), я не понимаю, в чём заключается проблема. mixin button(class, text) a(href='#' class=class)= text
  6. Okieazy

    Как сверстать

    Спасибо. Какое из этих двух решения является, так скажем, наиболее правильным? (hr и :after) Или просто как больше нравится?
  7. Okieazy

    Как сверстать

    Я сделал с помощью hr. Спасибо за совет. Я не знаю. Она находится в абсолютном положении, не двигается с места. &__title position: relative margin-bottom: 50px font-family: Playfairbold, arial, sans-serif font-size: 2.2em color: #fff text-transform: capitalize &:after content: '' position: absolute top: 75px left: 50% display: block width: 50px height: 1px background-color: $blue transform: translateX(-50%)
  8. Okieazy

    Как сверстать

    Когда экран становится уже, текст начинает "перескакивать" на следующую строку, на том самое место, где находится линия.
  9. Как правильно сверстать данный элемент? Если делать через :before/:after, то с адаптивом возникают проблемы, так как чтобы заадаптивить, приходится ловить пиксели, на котором нужно менять позицию данного элемента. Я не думаю, что это правильное решение .
  10. Доброго времени суток. Закончил верстать макет. Прошу объективной критики: допустил ли я какие-нибудь критические ошибки, что можно улучшить, что изменить, может, какую-нибудь секцию стоило бы сверстать по-другому. Валидность, качество и производительность HTML и CSS кода. https://github.com/Okitonori/ActiveBox
  11. Большое вам спасибо.
  12. А что делать с адаптивом? На флексах верстать? Как лучше задавать ширину? Я пытаюсь и в процентах задавать, и в пикселях, но что-то туго идёт.
  13. Большое спасибо.
  14. Как правильней всего сверстать такую секцию? div > a > img?
  15. Доброго времени суток. Столкнулся с такой проблемой. Создал меню, которое появляется при нажатии на кнопку. Меню является фиксированными и занимает всю ширину и высоту экрана. Проблема в том, что на какой части сайта бы я не находился, при нажатии на кнопку одновременно с открытием меню экран также возвращается на самую первую секцию, а не обходимо, чтобы меню отображалось на том же самом месте сайта, где пользователь его запустил. Не знаю, как лучше всего поделиться таким количеством кода, поэтому просто скину проект на GitHub. https://github.com/Okitonori/ActiveBox