32 lines
512 B
CSS
32 lines
512 B
CSS
|
@charset "UTF-8";
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
|
||
|
/* Standard layout, för små fönster/skärmar. */
|
||
|
.grid-container {
|
||
|
grid-template-areas:
|
||
|
"header"
|
||
|
"navigation"
|
||
|
"content"
|
||
|
"footer";
|
||
|
padding: 0px;
|
||
|
box-shadow: none;
|
||
|
}
|
||
|
|
||
|
/* Layout som väljs automatisk när det finns plats. */
|
||
|
@media only screen and (min-width: 850px) {
|
||
|
.grid-container {
|
||
|
grid-template-areas:
|
||
|
"header header header"
|
||
|
"navigation navigation navigation"
|
||
|
"content content image"
|
||
|
"footer footer footer";
|
||
|
padding: 15px;
|
||
|
}
|
||
|
}
|