Ir para o conteúdo

Layout

Como você posiciona elementos na tela?
Comments126
Compare Data
Nunca ouvi falar
Conheço
Já usei

CSS Writing mode

Comments24
Compare Data
Nunca ouvi falar
Conheço
Já usei
💡
The Comment tab lets you view comments left by survey respondents as they were filling out the survey.

Propriedades lógicas

Comments33
Compare Data
<code>margin-block-start</code>, <code>padding-inline-end</code>, etc.
Nunca ouvi falar
Conheço
Já usei

aspect-ratio

Comments28
Compare Data
Nunca ouvi falar
Conheço
Já usei

content-visibility

Comments17
Compare Data
Nunca ouvi falar
Conheço
Já usei

Proprieda de gap para flexbox

Comments45
Compare Data
Nunca ouvi falar
Conheço
Já usei

Container Queries

Comments50
Compare Data
<code>@container</code> query
Nunca ouvi falar
Conheço
Já usei
Pedimos aos membros da comunidade CSS que compartilhassem sua "escolha do ano"

Minhas escolhas de 2022: CSS Subgrid

O CSS Subgrid permite que os elementos filhos herdem as propriedades de grade de seus pais. Em breve, será muito mais fácil posicionar elementos nas mesmas linhas de grade em toda a página.

Pedimos aos membros da comunidade CSS que compartilhassem sua "escolha do ano"

David East

Defensor do desenvolvimento na web

object-view-box

Comments14
Compare Data
Nunca ouvi falar
Conheço
Já usei

Small, Large, and Dynamic Viewport Units

Comments21
Compare Data
Nunca ouvi falar
Conheço
Já usei

Media Queries Range Contexts

Comments25
Compare Data
Nunca ouvi falar
Conheço
Já usei

Recursos recomendados

CSS Grid & Flexbox for Responsive Layouts, v2
Jen Kramer

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.
Obrigado aos nossos parceiros por nos apoiarem! Saiba mais.