Ответы пользователя по тегу PSD
  • Как вставить картинки шире контейнера?

    Ankhena
    @Ankhena Куратор тега CSS
    Нежно люблю верстку
    Можно спросить, зачем вы вообще сложили их в container?
    Уберите лишнюю обертку и всё.
    Ответ написан
  • Нормально ли такое расхождение с макетом?

    Ankhena
    @Ankhena Куратор тега CSS
    Нежно люблю верстку
    Подчеркивание делается либо одним псевдоэлементом или вообще без них
    https://jsfiddle.net/fzhec4bo/

    просто код
    .nav1 a {
      position: relative;
      display: inline-block;
      margin: 20px;
      text-decoration: none;
    }
    
    .nav1 a::before {
      content: "";
      position: absolute;
      top: 100%;
      display: block;
      width: 100%;
      height: 3px;
      background: linear-gradient(to right, violet calc(50% - 1px), transparent calc(50% - 1px), transparent calc(50% + 1px), violet calc(50% + 1px));
    }
    
    .nav2 a {
      display: inline-block;
      margin: 20px;
      padding-bottom: 3px;
      text-decoration: none;
      background: linear-gradient(to right, violet calc(50% - 1px), transparent calc(50% - 1px), transparent calc(50% + 1px), violet calc(50% + 1px)) no-repeat bottom center / 100% 3px;
    }


    <nav class="nav1">
      <a href="">text</a>
      <a href="">texttext</a>
    </nav>
    <nav class="nav2">
      <a href="">text</a>
      <a href="">texttext</a>
    </nav>

    Ответ написан
    1 комментарий
  • Как определиться с числом и шириной макетов?

    Ankhena
    @Ankhena
    Нежно люблю верстку
    Количество макетов зависит от того, что вы нарисуете в блоках и когда (на какой ширине) будете перестраивать их.
    Обычно хватает 2х или 3х макетов. Можно и 1.
    Кроме самого макета можно приложить текстовый файл с комментариями, если поведение не очевидно в переходных местах.

    При этом Вы сами должны хорошо понимать как макет будет смотреться на огромных мониторах и на малюсеньких смартфонах и во всех промежуточных состояниях.
    В некоторых случаях можно не перестраивать блоки, а только варьировать размер шрифта или отступов.

    скорее всего это не устроит заказчика, ширину контейнера увеличить, как я понимаю, не могу.

    Можете.
    Заказчики бывают разные.

    Размеры сетки бутстрапа вполне очень распространены и жизнеспособны.

    Но на бутстрапе свет клином не сошелся и на сетке тоже.

    Как сайт сверстаный из макета шириной 1300px будет смотреться на мониторах с высоким разрешением?

    Самое разумное на мой взгляд - ходить по гостям и смотреть выбранные сайты на разных устройствах.
    Потом аналогично поступать с сайтами сверстанными по вашим макетам.
    Есть вариант проще - эмулятор в хроме, но я бы голосовала за реальные устройства.
    Ответ написан
    Комментировать