Задать вопрос
nikichv

Nikita Velko

Frontend dev. Current stack: Next.js/RTK/Saga
Ответы пользователя по тегу Вёрстка

  • Как подгонять макет под Pixel Perfect?

    nikichv
    @nikichv
    Frontend dev. Current stack: Next.js/RTK/Saga
    1. Включаешь devtools хрома.
    2. uu3LD
    3. 23K9J
    4. Включаешь PerfectPixel и накладываешь макет.
    Ответ написан
    Комментировать
    Комментировать

  • Кто использует такой подход в написании CSS?

    nikichv
    @nikichv
    Frontend dev. Current stack: Next.js/RTK/Saga
    Обычный хороший подход, даже правильный я бы сказал. Сам давно использую. И это действительно удобно, что можно в одном месте просмотреть все стили элемента по всем брейкпоинтам. В чем вопрос только непонятно. :)
    Особенно удобно в сочетании с бутстрапом:
    .logo {
  width: 198px;
  height: 122px;

  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;

  @include media-breakpoint-down(sm) {
    display: none;
  }
}
    Ответ написан
    4 комментария
    4 комментария

  • Как встроить SVG в HTML?

    nikichv
    @nikichv
    Frontend dev. Current stack: Next.js/RTK/Saga
    Вот так что ли?
    <body>
  <svg xmlns="http://www.w3.org/2000/svg" height="238.5" width="272.7" version="1.1" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" viewBox="0 0 272.70001 238.5">
    <path fill="#7C90A0" d="m195.8 17.933c23.3 0 42.2 98.3 42.2 219.7h34c0-130.7-34.3-236.5-76.3-236.5-24 0-45.2 31.7-59.2 81.5-14-49.8-35.2-81.5-59-81.5-42 0-76.2 105.7-76.2 236.4h34c0-121.4 18.7-219.6 42-219.6s42.2 90.8 42.2 202.8h33.8c0-112 19-202.8 42.3-202.8"/>
  </svg>
</body>

    Не понимаю просто проблемы. Берете содержимое svg файла и вставляете внутрь вашей разметки, желательно очистив от всякого ненужного мусора, типа мета-данных графического редактора, в котором делалась эта картинка.
    Ответ написан
    2 комментария
    2 комментария