Forsidehero/styles.css

.nk-hero {

 display: flex;
 gap: 16px;
 align-items: flex-start;

}

.nk-hero__media {

 flex: 0 0 270px; /* “spaltebredde” på desktop */

}

.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; /* tekst tar resten, men kan wrappe */
 min-width: 16em;

}

/* Mobil: legg alt i én kolonne (bilde først, tekst under) */ @media (max-width: 720px) {

 .nk-hero {
   flex-direction: column;
 }
 .nk-hero__media {
   flex: 1 1 auto;
 }

}

Anonym