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

Юрий Иванов

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

  • Почему не работает overflow-x:scroll?

    asvici
    @asvici 
    .xfieldimagegallery {
    margin: 0;
    padding: 0;
    list-style: none;
    clear: both;
    display: flex;
    overflow: auto;

    625728ad4ff3f064574175.png
    .xfieldimagegallery li img {
    display: block;
    border-radius: 10px;
    height: 130px;
    transition: box-shadow 0.5s ease;

    Если я все правильно понял, то так, у вас очень много импортант задано + фиксированная ширина картинок была
    Ответ написан
    1 комментарий
    1 комментарий

  • Как оставить темную тему после перезагрузки?

    asvici
    @asvici
    интересно было самому попробовать, вот так получилось, но наверняка и лучше будут ответы, но мб немного поможет)
    https://codepen.io/scrappyjs666/pen/MWrqdbN
    Ответ написан
    Комментировать
    Комментировать

  • Как разделить display flex?

    asvici
    @asvici
    а почему именно флекс, вот так же вроде можно сделать
    https://codepen.io/scrappyjs666/pen/KKZpeMw
    Ответ написан
    Комментировать
    Комментировать

  • Как сделать динамичный title?

    asvici
    @asvici
    Тексту задать опасити
    Разбить текст на буквы
    Перебирать буквы и с задержкой добавлять им опасити 1
    Ответ написан
    5 комментариев
    5 комментариев

  • Не понимаю как реализовать в css данный блок?

    asvici
    @asvici
    Здравствуйте, я тоже совсем недавно учу джаваскрипт и верстку, буквально пару месяцев. И мне очень приятно когда мне тут помогают. Давайте и я вам попробую помочь как новичок новичку;)
    Я немного правда не понял Вам надо верхний блок сверстать или нижний, но суть остается одна.
    Вы можете использовать свойство display grid
    1234.jpg.html
    Вам нужен блок(некий контейнер основной), куда вы вложите ваши кирпичики (блоки либо картинки) (стрелочка 1)
    Когда вы вложили блоки или картинки в главный блок, вы говорите главному блоку будь display grid, у display: grid есть свойство grid-template-columns: repeat(2, 1fr); (стрелочка 2)
    вы говорите своему блоку "Эй блок, имей 2 столбца, одинаковыми размерами" 1fr как раз и говорит что все блоки будут одинакового размера, двоечка указывает на то, сколько будет блоков.(стрелочка 4)
    Если блоков будет больше двух, то они перенесутся на следующую строку, следовательно вы можете просто расположить ваши картинки каким Вам надо образом.
    Еще я отметил стрелочку 3, я когда учил гриды все объясняли что там есть линии и по ним можно располагать элементы, было не понятно, вот если вы тоже столкнетесь с такой проблемой, то просто в браузере нажмите на "grid"(стрелка 3) и станет гораздо понятнее.
    https://www.youtube.com/watch?v=yTLqfUxwdDk&t=2175...
    вот очень крутой урок
    Ответ написан
    Комментировать
    Комментировать