[Løst] Nybegynnerspørsmål CSS

[:utakt]

Hei,

 

Jeg er nybegynner med HTML og CSS. Jeg har ingen kjennskap til dette annet enn at jeg har sett på noen Youtube-videoer og prøvd meg frem med å endre på ting i ferdige stilark. Jeg syns det er artig å lære dette, derfor ..

 

Så plundrer jeg litt med en ting her.. 

 

Jeg har et bilde og et avsnitt med tekst. Så lenge vinduet er stort nok til å ha begge deler ved siden av hverandre, så skal de være ved siden av hverandre.

 

-> dette løste den biten

img {

float: right;

}

 

Utfordringen kommer på mobilvisning. Når skjermbredden reduseres og det ikke lenger er plass til å ha all teksten ved siden av bildet, så vil jeg ha bildet over og teksten under. Med "float" koden jeg har satt inn wrapper teksten seg rundt bildet og jeg får en smal kolonne med noe tekst til venstre for bildet, før resten fortsetter under bildet.

 

Hva setter jeg inn? 

Endret 25. mai 2016 av :utakt

[Gjest Slettet+1523]

@media only screen and (max-width: 480px) {
  img {
    float: none;
    max-width: 100%;
    height: auto;
  }
}

Da brekker bildet layouten ned slik at teksten ikke flyter rundt. Du må kanskje justere max-width etter behov.

[:utakt]

Genialt. Takk!