Как осздать центрированный шаблон?

Question

[Петр Питерский]

Нужен шаблон, который может выводить одну или несколько карточек посередине, но с нюансом, карточка может быть одна и больше видимой высоты экрана (или несколько карточек), а вот если карточка одна и она помещается в высоту экрана, то просто центрировать по горизонтали и вертикали, а если не вмещается то по горизонтали но с вертикальными отступами.

body {
margin: 0;
padding: 0;
heightL 100%
display: flex;
align-items: center;
justify-content: center;

}

при таком body всё центрируется когда карточка маленькая, то есть влезает, а вот если карточка больше высоты экрана то она обрезается, как этого можно избежать?

Comments

[Ankhena]

а вот если карточка больше высоты экрана то она обрезается

С чего бы это?
Если только вы сами не задали overflow.

Покажите пример в песочнице на jsfiddle.net или codepen.io

Answer 1

[Сергей delphinpro]

гугл, яндекс и другие знают миллионы ответов...
https://yandex.ru/search/?text=способы+центрирован...