flexbox arşivleri - Murat Bilginer https://muratbilginer.net/tag/flexbox/ Blog Thu, 23 Nov 2023 06:45:48 +0000 tr hourly 1 https://muratbilginer.net/wp-content/uploads/2025/03/MuratBilginerIco-3.png flexbox arşivleri - Murat Bilginer https://muratbilginer.net/tag/flexbox/ 32 32 CSS 3 Flexbox 4 – Flexbox Align-Items Özelliği https://muratbilginer.net/css-3-flexbox-4-flexbox-align-items-ozelligi/ https://muratbilginer.net/css-3-flexbox-4-flexbox-align-items-ozelligi/#respond Thu, 23 Nov 2023 06:45:48 +0000 https://muratbilginer.net/?p=49495 Merhabalar. Bu yazımda Flexbox’ın Container içindeki nesnelerin durumlarına bakmaya devam ediyoruz. align-items özelliğine bakacağız. Projemiz bir önceki yazımızdan devam ettiği için öncelikle o yazımı okumanızı tavsiye ederim. align-items Özelliği align-items özelliği, CSS Grid Layout modelinde veya Flexbox modelinde kullanılan bir özelliktir. Bu özellik, bir container içindeki öğelerin çapraz eksende (cross axis) nasıl hizalanacaklarını belirler. align-items...

The post CSS 3 Flexbox 4 – Flexbox Align-Items Özelliği appeared first on Murat Bilginer.

]]> https://muratbilginer.net/css-3-flexbox-4-flexbox-align-items-ozelligi/feed/ 0 CSS 3 Flexbox 3 – Flexbox Justify-Content Özelliği https://muratbilginer.net/css-3-flexbox-3-flexbox-justify-content-ozelligi/ https://muratbilginer.net/css-3-flexbox-3-flexbox-justify-content-ozelligi/#respond Thu, 23 Nov 2023 06:31:48 +0000 https://muratbilginer.net/?p=49475 Merhabalar. Bu yazımda Flexbox’ın Container içindeki nesnelerin durumlarına bakacağız. İlk olarak justify-content özelliğine bakalım. Projemiz bir önceki yazımızdan devam ettiği için öncelikle o yazımı okumanızı tavsiye ederim. Burada bahsedeceğimiz özelliklerin nasıl gözüktüğünü daha iyi anlayabilmek için öncelikle kodlarımızda şu güncellemeleri yapalım. index.html flexbox.css Şu anki güncellemelerimiz sonrası uygulama aşağıdaki gibi gözüküyor. justify-content Özelliği “justify-content” özelliği,...

The post CSS 3 Flexbox 3 – Flexbox Justify-Content Özelliği appeared first on Murat Bilginer.

]]> https://muratbilginer.net/css-3-flexbox-3-flexbox-justify-content-ozelligi/feed/ 0 CSS 3 Flexbox 2 – Flexbox Container’ın Durumları https://muratbilginer.net/css-3-flexbox-2-flexbox-containerin-durumlari/ https://muratbilginer.net/css-3-flexbox-2-flexbox-containerin-durumlari/#respond Thu, 23 Nov 2023 05:07:55 +0000 https://muratbilginer.net/?p=49462 Merhabalar. Bu yazımda Flexbox özelliklerini kullanırken ilk olarak Container ögesinin durumlarını ele alacağız. Flexbox özelliklerimizi bir örnek proje üzerinden görmeye başlayacağız. Başlangıç olarak Flexbox Tutorial isminde bir proje klasörü oluşturdum. İçinde index.html, flexbox.css, flexbox.js dosyalarımı oluşturdum. Başlangıç kodları olarak aşağıdaki kodları yazalım. index.html flexbox.js Javascript dosyasını container içindeki boxların renklerini randomize oluşturabilmek için yazdım. Zorunlu...

The post CSS 3 Flexbox 2 – Flexbox Container’ın Durumları appeared first on Murat Bilginer.

]]> https://muratbilginer.net/css-3-flexbox-2-flexbox-containerin-durumlari/feed/ 0