fiokit.

CSS Grid ve Flexbox Oluşturucu

Canlı önizleme ve kopyalanmaya hazır CSS ile duyarlı Grid ve Flexbox düzenleri tasarlayın.

Yardım için imleci bir alanın üzerine getirin veya alanı seçin. Kapatmak için Escape tuşuna basın.

1
2
3
4
5
6

Nasıl çalışır

İçeriğinizi yapıştırın veya örneği yükleyin. Mevcut seçenekleri belirleyip aracı çalıştırın, ardından sonucu kopyalayın veya indirin.

Uygulamalı bir örnek

Düzen

Layout

Sık sorulan sorular

Metnim bir sunucuya gönderiliyor mu?

Hayır. İçerik bu tarayıcıda işlenir. Sunucuya gönderilmez veya kaydedilmez.

CSS Grid ve Flexbox Oluşturucu hakkında ne bilmeliyim?

Önizlemede numaralı bloklar kullanılır. Oluşturulan CSS düzen kuralları içerir; seçicileri ve kırılma noktalarını sayfanıza uyarlayın.