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

<Video src="/media/ikas-studio/basic-examples/header/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`
- `padding`
- `background-color`
- `border`

## İç ç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 tanımlayın:

- `align-items`
- `gap`
- `width`
- `max-width`

Bu çerçeve, header içerisindeki logo, menu linkleri ve aksiyon ikonlarının kapsayıcısı olarak kullanılacaktır.

## Alan çerçevelerini ekleme

Bu çerçevenin içerisine 3 adet daha **Çerçeve** ekleyin ve her birinin stilini temizleyin. Ardından **Katmanlar** kısmında her birine sağ tıklayarak **Ad Değiştir** seçeneği ile sırasıyla `Logo`, `Menu linkleri` ve `Aksiyonlar` olarak yeniden adlandırın.

### Logo ve Aksiyonlar

`Logo` ve `Aksiyonlar` çerçevelerini seçerek aşağıdaki stil özelliklerini güncelleyin:

- `flex-grow`
- `flex-shrink`
- `flex-basis`

### Menu linkleri

`Menu linkleri` çerçevesini seçerek aşağıdaki stil özelliklerini güncelleyin:

- `width`
- `overflow`