Задать вопрос
Aleksa-s

Александра

Ответы пользователя по тегу CSS

  • Как сохранить отображение svg path после проигрывания анимации?

    Aleksa-s
    @Aleksa-s Автор вопроса
    -webkit-animation-fill-mode:both;
    animation-fill-mode:both;
    Ответ написан
    Комментировать
    Комментировать

  • Как верстать макет с низким разрешением?

    Aleksa-s
    @Aleksa-s
    По вопросам:
    "Вообщем верстаю макет из гугла с шириной 1440px, указываю в CSS размеры текста данные в Figm-е. Нужно ли это исправлять и если да то как?" - нет, не считается ошибкой.
    "В будущем, на фрилансе, придется ли сталкиваться с такими макетами или заказы обычно с макетами на 1920px?" - ширина макетов всегда по разному идёт.
    Тут два пути:
    1. Верстать с фиксированным по ширине контейнером и фиксированными единицами измерения (как у вас сейчас, как я понимаю).
    2. Верстать, например, в vw - тогда все элементы будут масштабироваться относительно размера экрана.

    По наблюдениям - макеты в тех же в vw вижу редко, даже в свежих сайтах. Сама недавно перешла полностью на них - банально удобнее верстать и быстрее адаптивить.
    Ответ написан
    Комментировать
    Комментировать

  • Пару вопросов. Как сделать навигатор через flex?

    Aleksa-s
    @Aleksa-s
    Здесь нет необходимости задавать элементам абсолютное позиционирование, за исключением иконок. Для чего логотипу флекс? Флоаты также не нужны. Ощущение - что код просто скопирован с Фигмы.
    Меню корректнее верстать списком ul и задать элементам инлайн флекс или флекс.

    <nav class="nv">
          <div class="logo1">logo</div>
          <ul class="menu">
              <li><a class="g1" href="">Главная</a></li>
              <li><a href="">О нас</a></li>
              <li><a href="">Услуги</a></li>
              <li><a href="">Наши работ</a></li>
              <li><a href="">Контакты</a></li>
          </ul>
</nav>

    .nv {
    display: flex;
    align-items:center;
    justify-content: space-between;
}
.menu{
  margin:0;
}
.menu li{
  list-style:none;
  display:inline-flex;
}
    Ответ написан
    Комментировать
    Комментировать

  • Как сделать такую навигацию?

    Aleksa-s
    @Aleksa-s 
    <ul>
<li class="active"><a href="/">Главная</a></li>
<li><a href="/page">Компании</a></li>
<li><a href="/page2">Блог</a></li>
</ul>
    Ответ написан
    Комментировать
    Комментировать

  • Как сверстать подобные блоки?

    Aleksa-s
    @Aleksa-s
    В теории можно нижнюю часть в свг взять, поставить с зет-индексом выше фото и отрицательным марджином вверх.
    А верхушку над фото в свг before-ом.
    Сделать три варианта, зациклить с :nth-child
    Ответ написан
    2 комментария
    2 комментария

  • Как сделать вот эту фигуру (фиолетовую)?

    Aleksa-s
    @Aleksa-s
    https://css-tricks.com/creating-non-rectangular-he...
    Ответ написан
    Комментировать
    Комментировать

  • Как практиковать css?

    Aleksa-s
    @Aleksa-s
    Книги почти бесполезны.
    Как многие посоветовали, смотрите уроки с процессами верстки, многие кидают исходники под видео. Повторяйте.
    Не получается? Ищем ответ на форумах и в Гугле.
    После одной книги сделать сайт не получится.
    Учитесь блоками, например, за неделю сверстайте три варианта главных страниц из тех же псд макетов.
    Смотрите через инспектор кода интересные сайты и пр.
    Ответ написан
    Комментировать
    Комментировать