Как сделать чтобы блок не был больше указанного размера?

RAX7, Ты предложил добавлять transform: translateZ(-150) при checkin. А изначально как сделать? с моими стилями из примера

Как сделать чтобы блок не был больше указанного размера?

А изначально как это сделать?

Как сделать чтобы блок не был больше указанного размера?

Semantic Moscow, покликай по маленьким блокам и найдешь суслика

Почему между span есть пустое пространство?

Nekio, а у меня все наоборот xD.

Почему между span есть пустое пространство?

У меня еще одни вопрос. Я заметил что 2 сторона криво стоит при перспективе 800-1000, а если ставить не меньше 3000 значение, тогда сторона становится ровно. Это норм указывать значение перспективы больше 3000? Другие просто указывали 800-1000

Почему между span есть пустое пространство?

Я прежде чем опубликовать тему пробовал это все, ничего не помогло. Вот поэтому нужна помощь

Что лучше выбрать для оптимизации сайта, тег img или font awesome?

Сергей Горностаев, Я не знал какие теги просто выбрать для моего вопроса)

Что лучше выбрать для оптимизации сайта, тег img или font awesome?

mayton2019, скорость

Как разместить 2 и 3 элементы ровно?

Это немного не тот результат. Я специально 1 поставил такой размер. Мне нужно разместить так чтобы 1 элемент был по размерам как 2 и 3 элемент, или наоборот кому как удобно

Как сделать чтобы поиск выводил все элементы а не первый?

holfizz, по-другому это как?

Как убрать зависимости у кнопок?

А еще по хорошему, указывать для ссылок display: block;

Как проверить на наличии флажка :checked у input, после перезагрузки страницы?

Ankhena, напишите что-то в ответе, чтобы я вас отметил

Как проверить на наличии флажка :checked у input, после перезагрузки страницы?

В этом и смысл моего вопроса. Я не знаю логику проверки input на :ckeked, после перезагрузки

Как проверить на наличии флажка :checked у input, после перезагрузки страницы?

Ankhena,Так оно и есть. Я написал логику переключения день/ночь и записал данные в localStorage. Но checked у input становится false после перезагрузки. То-есть, если есть атрибут dark в localStorage, тогда для input сделать состояние :checked

вот код, для понимания

function appDarkMode() {
      const body = document.querySelector("body");
      document.querySelector(".switch-day").addEventListener("change", event => {
        body.toggleAttribute("dark", event.target.checked);
        document.querySelector("#darkmode").checked ? localStorage.setItem("dark", "") : localStorage.removeItem("dark", "");
      });
      if (localStorage.getItem("dark") !== null) {
        body.setAttribute("dark", "");
      }
    }

Как сделать псевдоэлемент для такой интересной картинки?

Или как вариант, сделать сам родительский элемент с такой формой и накинуть ::before сверху

Как заменить значение атрибута при клике?

Вариант хороший, но мне нужно менять у body атрибут dark="false", dark="true", а не input

Как написать несколько модальных окон с ютуб видео на странице?

https://codepen.io/Alexxxsander/pen/OJQjPxr
Примерно вот так. (Но можно лучше сделать)
А еще лучше это делать в React. Там уже все придумано с переиспользованием модального окна

Как указать фиксированое размер для иконки font awesome?

Антон Антон, У тебя 1 див 300x300, а сама иконка 240x200(точно не помню)

Как указать фиксированое размер для иконки font awesome?

Бордер был просто как пример, чтобы показать что не равномерные знаяения

Почему не работает анимация?

Николай Угольников, Если ты про fill, тогда оно резко появляется как уже готовая фигура, а не как линия которая поэтапно вырисовывается