CSS Grid- és Flexbox-tervező
Tervezz reszponzív Grid- és Flexbox-elrendezéseket élő előnézettel és másolható CSS-sel.
Vidd a mutatót egy mező fölé, vagy jelöld ki a súgó megjelenítéséhez. Az Escape bezárja.
Így működik
Illeszd be a tartalmat, vagy nézd meg a példát. Állítsd be az elérhető lehetőségeket, futtasd az eszközt, majd másold vagy töltsd le az eredményt.
Gyakorlati példa
Elrendezés
Layout
Gyakori kérdések
Elkülditek a szövegemet egy szervernek?
Nem. A tartalom ebben a böngészőben kerül feldolgozásra. Nem küldjük el a szervernek és nem mentjük el.
Mit érdemes tudni erről az eszközről: CSS Grid- és Flexbox-tervező?
Az előnézet számozott blokkokat használ. A generált CSS elrendezési szabályokat tartalmaz; igazítsd az oldaladhoz a szelektorokat és töréspontokat.