---
title: Bölümü mobil uyumlu hale getirme
description: Ürün detay bölümünü mobil uyumlu hale getirme.
---

<Video src="/media/ikas-studio/basic-examples/product-detail/making-section-mobile-responsive.mp4" autoPlay muted loop controls />

## Kırılma noktası ekleme

Ürün detay bölümüne çift tıklayarak detayına girin. Canvas üzerinde yer alan tasarımın sağ üst kısmında bulunan artı ikonuna basarak **Tablet** kırılma noktasını ekleyin.

<Callout type="info" title="Kırılma noktaları">
Kırılma noktaları hakkında daha detaylı bilgi için [Kırılma Noktaları](https://builders.ikas.com/tr/docs/ikas-studio/content-and-design/global-values/breakpoints) sayfasını inceleyebilirsiniz.
</Callout>

## Mobil uyumlu stiller

**Katmanlar** kısmında Tablet kırılma noktası altındaki ilk element'i seçerek `grid-template-columns` stilini güncelleyin.

## Önizleme

**İçerik** moduna geçerek farklı ekran boyutlarında bölümün nasıl göründüğünü inceleyebilirsiniz.