Sinulla on kolme korttia.
Päivitä asettelu seuraavien vaatimusten mukaisesti. Jokaisen kortin tulee:
- Olla **leveydeltään** 200px.
- Sisältää 20px **sisäistä väliä**.
- Olla 15px **väliä korttien välillä**.
- Sisältää **reunan**, joka on 2 pikseliä leveä, tyyliltään solid ja väriltään harmaa.
- Säilyttää määritelty **leveys muuttumattomana** myös, kun lisätään täyte ja reunus.

PCFkb2N0eXBlIGh0bWw+CjxodG1sIGxhbmc9ImVuIj4KICA8aGVhZD4KICAgIDxsaW5rIHJlbD0ic3R5bGVzaGVldCIgaHJlZj0iaW5kZXguY3NzIiAvPgogIDwvaGVhZD4KICA8Ym9keT4KICAgIDxkaXYgY2xhc3M9ImNhcmQiPkNhcmQgMTwvZGl2PgogICAgPGRpdiBjbGFzcz0iY2FyZCI+Q2FyZCAyPC9kaXY+CiAgICA8ZGl2IGNsYXNzPSJjYXJkIj5DYXJkIDM8L2Rpdj4KICA8L2JvZHk+CjwvaHRtbD4=

LmNhcmQgewogIGRpc3BsYXk6IGlubGluZS1ibG9jazsKICAvKiBDaGFuZ2UgdGhlIGNvZGUgYmVsb3cgdGhpcyBsaW5lICovCiAgX19fCiAgX19fCiAgX19fCiAgX19fCiAgX19fCiAgLyogQ2hhbmdlIHRoZSBjb2RlIGFib3ZlIHRoaXMgbGluZSAqLwp9

- Käytä `width`-ominaisuutta määrittämään elementin leveys.
- Käytä `padding`-ominaisuutta sisäiseen väliin.
- Käytä `margin`-ominaisuutta luodaksesi väliä korttien välille.
- Käytä `border: 2px solid gray` lisätäksesi reunuksen.
- Käytä `box-sizing: border-box` estääksesi täytteen ja reunuksen kasvattamasta kokonaisleveyttä.

LmNhcmQgewogIGRpc3BsYXk6IGlubGluZS1ibG9jazsKICAvKiBDaGFuZ2UgdGhlIGNvZGUgYmVsb3cgdGhpcyBsaW5lICovCiAgd2lkdGg6IDIwMHB4OwogIHBhZGRpbmc6IDIwcHg7CiAgbWFyZ2luOiAxNXB4OwogIGJvcmRlcjogMnB4IHNvbGlkIGdyYXk7CiAgYm94LXNpemluZzogYm9yZGVyLWJveDsKICAvKiBDaGFuZ2UgdGhlIGNvZGUgYWJvdmUgdGhpcyBsaW5lICovCn0=

Hallitse CSS:n perusteet, tyylikieli, joka muuttaa verkkosivujen ulkoasun ja tuntuman. Tutustu keskeisiin käsitteisiin, kuten tekstityyleihin, väreihin, välistyksiin, laatikkomalliin, Flexboxiin ja koristeellisiin tehosteisiin. Kehitä taidot luoda visuaalisesti houkuttelevia ja hyvin jäsenneltyjä verkkosivuja.

Paranna asetteluja taustavärien, kuvien, pseudoelementtien ja varjojen avulla. Tyylittele visuaaliset komponentit syvyyden ja kontrastin luomiseksi.

Haaste: Korjaa Rikkinäinen Asettelu