CSS3 Grid arşivleri - Murat Bilginer https://muratbilginer.net/category/frontend-developer-road-map/css3-grid/ Blog Thu, 23 Nov 2023 11:01:46 +0000 tr hourly 1 https://muratbilginer.net/wp-content/uploads/2025/03/MuratBilginerIco-3.png CSS3 Grid arşivleri - Murat Bilginer https://muratbilginer.net/category/frontend-developer-road-map/css3-grid/ 32 32 CSS 3 Grid 6 – grid-area Özelliği https://muratbilginer.net/css-3-grid-6-grid-area-ozelligi/ https://muratbilginer.net/css-3-grid-6-grid-area-ozelligi/#respond Thu, 23 Nov 2023 11:01:46 +0000 https://muratbilginer.net/?p=49559 Merhaba. grid-area özelliği, CSS Grid Layout modelinde kullanılan bir özelliktir ve bir öğenin bir grid konteynırında hangi satır ve sütunlarda yer alacağını belirlemek için kullanılır. Bu özellik, öğelerin grid üzerinde yerleşimini kontrol etmek için kullanılan diğer özelliklerle birlikte çalışır. grid-area özelliği, bir öğenin konumunu belirlemek için bir dizi değeri kabul eder. Bu değerler şu sırayla...

The post CSS 3 Grid 6 – grid-area Özelliği appeared first on Murat Bilginer.

]]> https://muratbilginer.net/css-3-grid-6-grid-area-ozelligi/feed/ 0 CSS 3 Grid 4 – Grid Ögeleri ve Yerleşim – grid-column & grid-row https://muratbilginer.net/css-3-grid-4-grid-ogeleri-ve-yerlesim-grid-column-grid-row/ https://muratbilginer.net/css-3-grid-4-grid-ogeleri-ve-yerlesim-grid-column-grid-row/#respond Thu, 23 Nov 2023 10:32:40 +0000 https://muratbilginer.net/?p=49551 Merhabalar. Bir önce yazımızda bir grid container oluşturduk. Şimdi elemanların yerleşimlerine bakacağız. CSS Grid modeli, web tasarımında öğeleri yerleştirmek için güçlü bir araçtır. Bu model, sütun ve satırlar arasında esnek bir düzen sağlar, sayfa tasarımını daha anlamlı ve yönetilebilir kılar. CSS Grid Öğelerinin Yerleşimi Nedir? CSS Grid, içeriği bir matris gibi düzenlemenizi sağlar ve bu...

The post CSS 3 Grid 4 – Grid Ögeleri ve Yerleşim – grid-column & grid-row appeared first on Murat Bilginer.

]]> https://muratbilginer.net/css-3-grid-4-grid-ogeleri-ve-yerlesim-grid-column-grid-row/feed/ 0 CSS 3 Grid 3 – Grid Oluşturma Rows & Columns https://muratbilginer.net/css-3-grid-3-grid-olusturma-rows-columns/ https://muratbilginer.net/css-3-grid-3-grid-olusturma-rows-columns/#respond Thu, 23 Nov 2023 10:19:01 +0000 https://muratbilginer.net/?p=49548 Merhabalar. CSS Grid Sütun ve Satırları: Esnek ve Karmaşık Düzenler İçin Temel Taşlar CSS Grid, web tasarımında esnek ve karmaşık düzenler oluşturmak için güçlü bir araçtır. Bu model, sayfa düzenini belirlemenin yanı sıra, içeriği özelleştirmek ve responsivite eklemek için de kullanılır. CSS Grid Sütun ve Satırları Nedir? CSS Grid, sütunlar ve satırlar üzerine kurulu bir...

The post CSS 3 Grid 3 – Grid Oluşturma Rows & Columns appeared first on Murat Bilginer.

]]> https://muratbilginer.net/css-3-grid-3-grid-olusturma-rows-columns/feed/ 0 CSS 3 Grid 2 – Grid Container ve Ögeleri? https://muratbilginer.net/css-3-grid-2-grid-container-ve-ogeleri/ https://muratbilginer.net/css-3-grid-2-grid-container-ve-ogeleri/#respond Thu, 23 Nov 2023 10:04:35 +0000 https://muratbilginer.net/?p=49545 Merhabalar. Grid yazılarımız boyunca bir proje üzerinde ilerleyeceğim. Başlangıç kodları aşağıdaki gibidir. Sizde aynen uygulayabilirsiniz. Bunun üzerine eklemeler yapacağız. index.html grid.css grid.js Başlangıç görüntümüz aşağıdaki gibi. CSS Grid, modern web tasarımında kullanılan güçlü bir düzen modelidir. Bu model, sayfa düzenini oluşturmak için kullanılır ve hem sütun (column) hem de satır (row) düzenlerini kontrol etmeyi sağlar....

The post CSS 3 Grid 2 – Grid Container ve Ögeleri? appeared first on Murat Bilginer.

]]> https://muratbilginer.net/css-3-grid-2-grid-container-ve-ogeleri/feed/ 0 CSS 3 Grid 1 – Grid Nedir? https://muratbilginer.net/css-3-grid-1-grid-nedir/ https://muratbilginer.net/css-3-grid-1-grid-nedir/#respond Thu, 23 Nov 2023 09:48:27 +0000 https://muratbilginer.net/?p=49541 Merhabalar. Bu yazı dizim boyunca CSS Grid modülüne bakacağız. CSS Grid, web sayfalarında düzen oluşturmak için kullanılan bir düzen modelidir. CSS3 ile birlikte tanıtılan bir özelliktir ve sayfaları daha esnek ve karmaşık düzenlere sahip hale getirme imkanı sağlar. Grid, hem satır (row) hem de sütun (column) düzenini kontrol etme yeteneğiyle öne çıkar. Temel özellikleri şunlardır:...

The post CSS 3 Grid 1 – Grid Nedir? appeared first on Murat Bilginer.

]]> https://muratbilginer.net/css-3-grid-1-grid-nedir/feed/ 0