Přejít na obsah

Layout

Jak rozmisťujete prvky na stránce?

CSS Grid

Customize Data
Nevím přesně, o co jde
Znám
Už jsem použil
2019
2020
2021

Subgrid

Customize Data
Nevím přesně, o co jde
Znám
Už jsem použil
2020
2021

Flexbox

Customize Data
Nevím přesně, o co jde
Znám
Už jsem použil
2019
2020
2021

CSS Multi-Column

Customize Data
Nevím přesně, o co jde
Znám
Už jsem použil
2019
2020
2021

CSS Writing Modes

Customize Data
Nevím přesně, o co jde
Znám
Už jsem použil
2019
2020
2021
We asked members of the CSS community to share their “pick of the year”

My 2021 Pick: The CSS Paint API

The Paint API allows us to create images programmatically, to use in our CSS. It unlocks a whole world of creativity, and I am very excited about it!

We asked members of the CSS community to share their “pick of the year”

George Francis

Developer, writer, and generative artist.

position: sticky

Customize Data
Nevím přesně, o co jde
Znám
Už jsem použil
2020
2021

Logické vlastnosti

Customize Data
Nevím přesně, o co jde
Znám
Už jsem použil
2020
2021

aspect-ratio

Customize Data
Nevím přesně, o co jde
Znám
Už jsem použil
2020
2021
💡

The Data tab lets you view the raw data for any chart, view it as JSON, or get a GraphQL query you can run against our public API.

content-visibility

Customize Data
Nevím přesně, o co jde
Znám
Už jsem použil
2020
2021

Gap property for flexbox

Customize Data
Nevím přesně, o co jde
Znám
Už jsem použil
2021

Break rules

Customize Data
Nevím přesně, o co jde
Znám
Už jsem použil
2021

Container Queries

Customize Data
Nevím přesně, o co jde
Znám
Už jsem použil
2021

Recommended Resources

CSS Grid & Flexbox for Responsive Layouts, v2

CSS Grid & Flexbox for Responsive Layouts, v2

Learn the essential CSS layout techniques for building responsive, beautiful web applications. You'll get hands-on practice using CSS Grid for two-dimensional, grid-based layouts and Flexbox for styling one-directional flow.
Thanks to our partners for supporting us! Learn more.