Кроме как заменить на svg
x
не её контент, а украшение. Контентом там должно быть что-то типа "закрыть окно". Хотя бы aria-label. background:
url(https://habrastorage.org/webt/68/75/69/687569cb9ee3a139342935.png) no-repeat top -100px left calc(50% + var(--container-width)/2 - 330px),
#ffffff linear-gradient(#fff1da, #fff1da) no-repeat top right / calc(50% - var(--container-width)/2) 773px;
--container-width
- ширина контейнера.Чтобы не было, например, "обрезаний" при разных разрешениях экрана или "дополнения" пустых мест его дублированием
Какие размеры файла желательны (в байтах)?
image-set
@media
webp
, avif
Не меняются ссылки на цвет , который задал.
Как решить проблему ?
user agent stylesheet
, т.е. стили браузера по умолчанию. inherit
.nav a {
color: inherit;
}
Свойство gap работает не так как надо
grid-template-columns: 1fr 1fr;
gap: 30px;
mix-blend-mode
, но нужно подбирать цвета и эффекты
Примечание: Из-за причин приватности, браузеры строго ограничивают стили, которые вы можете применить к элементу, используя этот псевдокласс: только color, background-color, border-color, border-bottom-color, border-left-color, border-right-color, border-top-color, outline-color, column-rule-color, fill и stroke. Компонент альфа-канала в доступных стилях будет игнорироваться. Вместо него будет использоваться альфа-канал, используемый для непосещённых ссылок. Если в цвете альфа-канала для посещённых ссылок задан 0, то в этом случае будет использоваться цвет непосещённых ссылок.Несмотря на то, что цвет может меняться, метод getComputedStyle наврёт и всегда будет давать значение цвета непосещённых ссылок.Для дополнительной информации об ограничениях и их причин, смотрите Приватность и селектор :visited.
Можно ли сейчас отказаться от подхода задания максимальной ширины
А также использую неразрывные пробелы для некоторых фраз.
Можно ли уже использовать CSS-свойство text-wrap: balance?
text-wrap: pretty;