Меня очень забавляет как медленно, но верно, в блочную модель CSS протекают абстракции из inline, flex и grid-модели.
То есть, по факту, грани настолько стираются, что скоро можно будет просто верстать.
Ну, например, те же
align-content: center,margin-inline, margin-block, margin-inline-start...А теперь ещё потихоньку начинает просачиваться концепция
stretch, растяжения элемента, как во флекс-модели. Это когда элемент растягивается на всю доступную ширину, исключая поля.Пример явно дан на иллюстрации. Более близким к реальности на момент конца 2024 года будет что-то такое:
width: -webkit-fill-available;
width: -moz-available;
width: stretch;
Потому что с поддержкой ну пока никак: https://caniuse.com/?search=width%3A%20stretch
Кроме шуток, нужные патчи в Firefox вообще ещё только обсуждаются: ссылка.
А ещё из того обсуждения можно узнать, что браузеры до сих пор очень по-разному считают ширину.
Но когда-нибудь...
#css #future