Opvarmningsøvelse

Giv kortet luft, kant og en fornuftig max-bredde.
På en bred skærm skal avatar og tekst ligge ved siden af hinanden.
Teksten skal tage den resterende plads.
Knappen (3 prikker) skal ligge til højre.
På en smal skærm skal indholdet stables.

<article class="card">
  <img class="avatar" src="https://github.com/troelsatwork.png" alt="">

  <div class="content">
    <header>
      <h2>Troels Agergaard<span>@troelsatwork</span></h2>
      <button>···</button>
    </header>
    <p>Frontend-studerende med en meget lang beskrivelse, som ikke nødvendigvis passer pænt ind.</p>
  </div>

</article>

Preview

Troels Agergaard@troelsatwork

Frontend-studerende med en meget lang beskrivelse, som ikke nødvendigvis passer pænt ind.

Opgavebeskrivelse