https://norgeskirkerno.seriadev.net/w/index.php?action=history&feed=atom&title=Forsidehero%2Fstyles.css 2026-04-10T09:17:47Z Versjonshistorikk for denne siden på wikien MediaWiki 1.43.0 https://norgeskirkerno.seriadev.net/w/index.php?title=Forsidehero/styles.css&diff=41205&oldid=prev 2026-03-26T09:37:24Z

<p>Ny side: .nk-hero { display: flex; gap: 16px; align-items: flex-start; } .nk-hero__media { flex: 0 0 270px; <span class="autocomment">“spaltebredde” på desktop: </span> } .nk-hero__media img { max-width: 100%; height: auto; display: block; } .nk-hero__caption { margin-top: 6px; font-style: italic; font-size: 0.95em; line-height: 1.2; } .nk-hero__text { flex: 1 1 320px; <span class="autocomment">tekst tar resten, men kan wrappe: </span> min-width: 16em; } /* Mobil: legg alt i én kolonne (bilde først, tekst unde…</p> <p><b>Ny side</b></p><div>.nk-hero {<br /> display: flex;<br /> gap: 16px;<br /> align-items: flex-start;<br /> }<br /> <br /> .nk-hero__media {<br /> flex: 0 0 270px; /* “spaltebredde” på desktop */<br /> }<br /> <br /> .nk-hero__media img {<br /> max-width: 100%;<br /> height: auto;<br /> display: block;<br /> }<br /> <br /> .nk-hero__caption {<br /> margin-top: 6px;<br /> font-style: italic;<br /> font-size: 0.95em;<br /> line-height: 1.2;<br /> }<br /> <br /> .nk-hero__text {<br /> flex: 1 1 320px; /* tekst tar resten, men kan wrappe */<br /> min-width: 16em;<br /> }<br /> <br /> /* Mobil: legg alt i én kolonne (bilde først, tekst under) */<br /> @media (max-width: 720px) {<br /> .nk-hero {<br /> flex-direction: column;<br /> }<br /> .nk-hero__media {<br /> flex: 1 1 auto;<br /> }<br /> }</div>

Kambestad