Atölye › Kartvizitim › 6/12. adım

Kartı ortala

Ne yapıyoruz

Kart şu an sayfanın bütün genişliği boyunca uzanıyor; kartvizit gibi durmuyor. Genişliğini sınırlayıp sayfanın ortasına alacağız.

```css
max-width: 320px;
margin: 40px auto;
```

max-width: 320px; → kart en fazla 320 piksel genişlikte olsun (telefonda daha dar olabilir, ama daha geniş olamaz).
margin: 40px auto; → dış boşluk (padding içerideydi, margin dışarıda). İki değer verince ilki üst-alt, ikincisi sağ-sol için:
- 40px → kartın üstünde ve altında 40 piksel boşluk.
- auto → sağdaki ve soldaki boşluğu tarayıcı eşit paylaştırır: kart ortaya gelir.

İki satırı .card kuralının içine, border-radius satırının altına ekle. Çalıştır.

Beceriler: CSS ile görünüm