CSS Grid- ja Flexbox-rakentaja
Suunnittele responsiivisia Grid- ja Flexbox-asetteluja reaaliaikaisella esikatselulla ja kopioitavalla CSS:llä.
Vie osoitin kentän päälle tai valitse kenttä nähdäksesi ohjeen. Sulje painamalla Escape.
Näin se toimii
Liitä sisältösi tai lataa esimerkki. Valitse asetukset, suorita työkalu ja kopioi tai lataa tulos.
Käytännön esimerkki
Asettelu
Layout
Usein kysytyt kysymykset
Lähetetäänkö tekstini palvelimelle?
Ei. Sisältö käsitellään tässä selaimessa. Sitä ei lähetetä palvelimelle eikä tallenneta.
Mitä minun tulisi tietää työkalusta CSS Grid- ja Flexbox-rakentaja?
Esikatselu käyttää numeroituja lohkoja. Luotu CSS sisältää asettelusäännöt; sovita valitsimet ja taitekohdat sivullesi.