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

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

## Bölüm stillerini güncelleme

**Katmanlar** kısmından ilk çerçeveyi seçerek aşağıdaki stil özelliklerini güncelleyin:

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

## İç çerçeve 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 güncelleyin:

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

## Alan çerçevelerini ekleme

Bu çerçevenin içerisine 2 adet daha **Çerçeve** ekleyin ve her birinin stilini temizleyin. Ardından her iki çerçevenin de aşağıdaki stil özelliklerini güncelleyin:

- `flex-direction`
- `width`

### Görsel çerçevesi

İlk çerçeveyi seçerek ek olarak aşağıdaki stil özelliklerini güncelleyin:

- `border`
- `border-radius`
- `overflow`

### Bileşen listesi çerçevesi

İkinci çerçeveyi seçerek `gap` stilini güncelleyin.