Skip to content

State of CSS 2023

ख़ाका

आप स्क्रीन पर चीजों की स्थिति कैसे बनाते हैं?

सबग्रिड

Comments531
Compare Data
8949 question respondents out of 9190 survey participants (97.4% completion percentage)
मैंने इसके बारे में कभी नहीं सुना
इसके बारे में पता है
इसका इस्तेमाल किया है

CSS लेखन मोड

Comments37
Compare Data
8888 question respondents out of 9190 survey participants (96.8% completion percentage)
मैंने इसके बारे में कभी नहीं सुना
इसके बारे में पता है
इसका इस्तेमाल किया है
💡
The Comment tab lets you view comments left by survey respondents as they were filling out the survey.

तार्किक गुण

Comments55
Compare Data
margin-block-start, padding-inline-end, etc.
8845 question respondents out of 9190 survey participants (96.3% completion percentage)
मैंने इसके बारे में कभी नहीं सुना
इसके बारे में पता है
इसका इस्तेमाल किया है

aspect-ratio

Comments52
Compare Data
8854 question respondents out of 9190 survey participants (96.4% completion percentage)
मैंने इसके बारे में कभी नहीं सुना
इसके बारे में पता है
इसका इस्तेमाल किया है

content-visibility

Comments18
Compare Data
8795 question respondents out of 9190 survey participants (95.8% completion percentage)
मैंने इसके बारे में कभी नहीं सुना
इसके बारे में पता है
इसका इस्तेमाल किया है

gap property for flexbox

Comments52
Compare Data
8831 question respondents out of 9190 survey participants (96.1% completion percentage)
मैंने इसके बारे में कभी नहीं सुना
इसके बारे में पता है
इसका इस्तेमाल किया है

@container Queries

Comments78
Compare Data
Including size and style queries
8819 question respondents out of 9190 survey participants (96% completion percentage)
मैंने इसके बारे में कभी नहीं सुना
इसके बारे में पता है
इसका इस्तेमाल किया है
We asked members of the CSS community to share their “pick of the year”

My 2023 Pick: Zag.js

The talented folks at ChakraUI are building some next-gen components and ideas, can't wait to see what else they come up with.

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

Adam Argyle

Google Chrome Developer Relations

object-view-box

Comments17
Compare Data
    8783 question respondents out of 9190 survey participants (95.6% completion percentage)
    		मैंने इसके बारे में कभी नहीं सुना
    		इसके बारे में पता है
    		इसका इस्तेमाल किया है

    Small, Large, and Dynamic Viewport Units

    Small, Large, and Dynamic Viewport Units
    Comments37
    Compare Data
    8796 question respondents out of 9190 survey participants (95.8% completion percentage)
    		मैंने इसके बारे में कभी नहीं सुना
    		इसके बारे में पता है
    		इसका इस्तेमाल किया है
    Small, Large, and Dynamic Viewport Units

    Media Queries Range Contexts

    Comments36
    Compare Data
    8792 question respondents out of 9190 survey participants (95.7% completion percentage)
    		मैंने इसके बारे में कभी नहीं सुना
    		इसके बारे में पता है
    		इसका इस्तेमाल किया है

    Anchor Positioning

    Comments23
    Compare Data
    8772 question respondents out of 9190 survey participants (95.5% completion percentage)
    		मैंने इसके बारे में कभी नहीं सुना
    		इसके बारे में पता है
    		इसका इस्तेमाल किया है

    Recommended Resources

    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.
    Practical CSS Layouts
    Jen Kramer
    Freelance Instructor

    Practical CSS Layouts

    Starting with the basics of CSS and HTML, you'll progress through creating responsive designs for mobile, tablet, and desktop layouts.
    Thanks to our partners for supporting us! Learn more.