Пользователь пока ничего не рассказал о себе

Наибольший вклад в теги

Все теги (5)

Лучшие ответы пользователя

Все ответы (5)
  • Почему не переключаются стили?

    @thekunichka
    Довольно странно писать css код в html
    Ну для начала рекомендую проверить наличие нужного мета-тега в head страницы:
    <meta name="viewport" content="width=device-width, initial-scale=1">


    У вас не верный синтаксис: тег, для которого будут применяться стили, должен входить в фигурные скобки медиа-запроса, ваш код должен выглядеть вот так:

    <style id="R8639" disabled="false" media="screen and (min-width:0px) and (max-width:222px)"> {body { background-color: hsl(65,20%,70%); }} </style>
    <style id="R6021" disabled="false" media="screen and (min-width:223px) and (max-width:4000px)"> {body { background-color: hsl(285,20%,70%); }} </style>


    И всё-таки настоятельно рекомендую писать код стилей, особенно медиа-запросы, в css файлах.

    @media screen (min-width: 0px) and (max-width: 222px) {
        body {
            background-color: hsl(65,20%,70%);
        }
    }

    @media screen (min-width: 223px) and (max-width: 4000px) {
        body {
            background-color: hsl(285,20%,70%);
        }
    }
    Ответ написан
    5 комментариев
  • По какой логике нарисовать линии для древовидной структуре комментариев?

    @thekunichka
    На самом деле для стилизации и работы такой структуры и JS не нужен. Такое дерево можно нарисовать с помощью ::before элемента. У тебя есть комментарий - в нём лежит ещё один комментарий как ответ на комментарий выше. Вот этому ответу на комментарий рисуешь ::before линию, как это сделать? Создаёшь before блок допустим 30px на 30px, создаёшь этому блоку border-left и border-bottom, делаешь скругление border-bottom-left-radius условно на 20px (там уже как тебе нужно по макету), затем этот before блок с абсолютным позиционированием сдвигаешь за рамки его родителя как тебе нужно
    Ответ написан
    Комментировать

Лучшие вопросы пользователя

Все вопросы (2)