75 lines
706 B
CSS
75 lines
706 B
CSS
body, wrapper
|
|
{
|
|
min-height: 100vh;
|
|
}
|
|
|
|
footer
|
|
{
|
|
margin-top: auto;
|
|
}
|
|
|
|
.flex-fill
|
|
{
|
|
flex: 1 1 auto;
|
|
}
|
|
|
|
.card-image img
|
|
{
|
|
width: 100%;
|
|
}
|
|
|
|
.card-columns img,video
|
|
{
|
|
width: 100%;
|
|
}
|
|
|
|
.card-columns
|
|
{
|
|
column-gap: 1em;
|
|
}
|
|
|
|
.card-columns.card
|
|
{
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
@media (min-width: 576px)
|
|
{
|
|
.card-columns
|
|
{
|
|
column-count: 2;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 768px)
|
|
{
|
|
.card-columns
|
|
{
|
|
column-count: 3;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 992px)
|
|
{
|
|
.card-columns
|
|
{
|
|
column-count: 4;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 1200px)
|
|
{
|
|
.card-columns
|
|
{
|
|
column-count: 6;
|
|
}
|
|
}
|
|
|
|
.navbar-brand
|
|
{
|
|
font-size: 1em;
|
|
}
|
|
.navbar-brand img
|
|
{
|
|
height: 3em;
|
|
}
|