/* template Smartphone portrait*/

body {
    display: grid;
    grid-template-columns: auto;
    grid-template-rows: 30vh auto 5vh;
    grid-template-areas: "header" "content" "footer";
}

body>* {
    width: 100%;
    height: 100%
}

header {
    grid-area: header;
}

.listCard {
    grid-area: content;
}

footer {
    grid-area: footer;
}