Кроме как заменить на 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@mediawebp, avif
2) Как применять маску таким образом что бы доминирующий цвет брался не из html,body ?
Не меняются ссылки на цвет , который задал.
Как решить проблему ?
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.
text-indent. text-indent: -50px;
padding: 50px;Можно ли сейчас отказаться от подхода задания максимальной ширины
А также использую неразрывные пробелы для некоторых фраз.
Можно ли уже использовать CSS-свойство text-wrap: balance?
text-wrap: pretty;