geir/startit
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

javascript og lit css

Browse source
This commit is contained in:
Geir Okkenhaug Jerstad 2024-08-15 14:38:20 +02:00
parent fcbb649185
commit fe0b5a944b
8 changed files with 156 additions and 103 deletions
Download patch file Download diff file Expand all files Collapse all files

19
intro_html/css.html
View file

@ -13,7 +13,12 @@
div.page{
height: 100vh;
display: grid;
grid-template-areas: "header header """"";
grid-template-columns: 1fr 4fr;
grid-template-rows: 20px 10fr 20px;
grid-template-areas:
'menu header'
'menu mainContent'
'menu footer'; ;
}
div.header {
background-color: aquamarine;
@ -34,6 +39,18 @@
background-color: crimson;
grid-area: footer;
}
@media only screen and (max-width: 400px) {
div.page {
grid-template-columns: 1fr;
grid-template-rows: 20px 1fr 4fr 20px;
grid-template-areas:
'header'
'menu'
'mainContent'
'footer';
}
}
</style>
</head>