Sähköinen asiointipalvelu, johdanto

Sorakuilu

Harjoitus 6, asemointi

Toteuta seuraavan kuvasarjan mukainen käyttöliittymä hyödyntäen gridiä tai flexboxia.

iso ruutu
keskiruutu
tabletti
puhelin

Article on 7:n , figure 3:n ja aside 2:n sarakkeen (fraction) levyinen, voit antaa niille myös tarkemman (toki suhteellisen) mitan.

Voit myös tehdä muutoksia suunnitelmaan. Piirrä siinä tapauksessa ensin suunnitelma kuvankäsittelyohjelmalla.

Etene seuraavasti

  1. Tee ensin div class="container"
  2. Tee header-elementti
  3. Tee nav-elementti
  4. Tee article-lementti
  5. Tee figure (tai div id="kuva")-elementti
  6. Tee aside-elementti
  7. Tee footer-elementti