WV-H3 - CSS3 Flexbox / Grid

Tällä viikolla opimme hyödyntämään CSS3:n uusia flexbox sekä grid tekniikoita. Nämä ovat erittäin hyödyllisiä osata, sillä nykyaikaisissa css-kirjastoissa responsiivinen toteutus perustuu näihin!

Käy läpi nämä harjoitukset. Tee niin pitkälle kun vaan suihkin pystyt ja ota kuvankaappaus viimeisestä ratkaistusta ruudusta. Aivan viimeisiä ei ole pakko päästä läpi.

• http://flexboxfroggy.com/
• http://cssgridgarden.com/

Palaute kuvankaappaukset Optiman palautuslaatikkoon.

Hyödyllistä luettavaa

• https://css-tricks.com/snippets/css/a-guide-to-flexbox/
• https://css-tricks.com/snippets/css/complete-guide-grid/
• https://caniuse.com/