Hovedside: Forskjell mellom sideversjoner
Fra Norges Kirker
Ingen redigeringsforklaring |
Ingen redigeringsforklaring |
||
| Linje 1: | Linje 1: | ||
===Velkommen til nye (gamle) Norges kirker!=== | ===Velkommen til nye (gamle) Norges kirker!=== | ||
<div class="sidebyside"> | |||
<div class="bilde"> | |||
[[File:Dale_kyrkje%2C_benk_i_koret%2C_AMH_2005.jpg|Center|400px|Benk fra Dale kirke]] | |||
</div> | |||
<div class="tekst"> | |||
Her står teksten din. | |||
Du kan skrive så mye du vil her, og på store skjermer ligger dette til høyre | |||
for bildet – men på mobil legger det seg pent under. | |||
</div> | |||
</div> | |||
<style> | |||
.sidebyside { | |||
display: flex; | |||
flex-wrap: wrap; | |||
gap: 20px; | |||
align-items: flex-start; | |||
} | |||
/* Bildet og teksten får halv bredde på større skjermer */ | |||
.sidebyside .bilde, | |||
.sidebyside .tekst { | |||
flex: 1 1 45%; | |||
} | |||
/* Mobilvisning: stablet (bilde over) */ | |||
@media screen and (max-width: 600px) { | |||
.sidebyside { | |||
display: block; | |||
} | |||
.sidebyside .bilde, | |||
.sidebyside .tekst { | |||
width: 100%; | |||
} | |||
} | |||
</style> | |||
`` | |||
{{logorekke_nede}} | {{logorekke_nede}} | ||
Sideversjonen fra 20. jan. 2026 kl. 14:51
Velkommen til nye (gamle) Norges kirker!
Her står teksten din. Du kan skrive så mye du vil her, og på store skjermer ligger dette til høyre for bildet – men på mobil legger det seg pent under.
<style> .sidebyside {
display: flex; flex-wrap: wrap; gap: 20px; align-items: flex-start;
}
/* Bildet og teksten får halv bredde på større skjermer */ .sidebyside .bilde, .sidebyside .tekst {
flex: 1 1 45%;
}
/* Mobilvisning: stablet (bilde over) */ @media screen and (max-width: 600px) {
.sidebyside {
display: block;
}
.sidebyside .bilde,
.sidebyside .tekst {
width: 100%;
}
} </style> ``
