---
title: Bölüm düzenini ve stillerini güncelleme
description: Ürün listesi bölümünün düzenini ve stillerini güncelleme.
---

<Video src="/media/ikas-studio/basic-examples/product-list/updating-section-layout-and-styles.mp4" autoPlay muted loop controls />

## Bölüm stillerini güncelleme

**Katmanlar** kısmından ilk element'i seçtikten sonra sağ panelde açılan stil özelliklerinden aşağıdaki güncellemeleri yapın:

- `padding`
- `background-color`
- `flex-direction`
- `align`

Bu güncellemeler sayesinde içerisine eklenen yeni element'in ortalı şekilde durması sağlanacaktır.

<Callout type="info" title="Element stilleri">
Element stilleri hakkında daha detaylı bilgi için [Stiller](https://builders.ikas.com/tr/docs/ikas-studio/content-and-design/elements/style) sayfasını inceleyebilirsiniz.
</Callout>

## Ürün listesi kapsayıcısı ekleme

**Elementler** kısmından yeni bir **Çerçeve** ekleyin ve üzerine sağ tıklayarak **Stili Temizle** işlemini uygulayın. Ardından aşağıdaki stil özelliklerini tanımlayın:

- `width`
- `max-width`
- `display`
- `grid-template-columns`
- `gap`

Bu çerçeve, listeleyeceğimiz ürünlerin kapsayıcısı olarak kullanılacaktır.