World's smallest responsive CSS framework (393 bytes) - lit css

I recently found a very small framework that is around 400 bytes (minified and gzipped). Check it out at https://ajusa.github.io/lit/

Pros: I like it because this can hide the ugliness of basic HTML and it is very lightweight (398 bytes only) and is simple to use :slight_smile:


Personally I liked how lit it is. :rofl:
hue hue hue

2 Likes

I updated the description accordingly…

1 Like

what’s interesting about it it’s you can easily look how the grid system is made in it:

@media(min-width:35em) {
    .col {
        display: table-cell;
    }
    .\31 {
        width: 5%;
    }
    .\33 {
        width: 22%;
    }
    .\34 {
        width: 30%;
    }
    .\35 {
        width: 40%;
    }
    .\32 {
        width: 15%;
    }
    .row {
        display: table;
        border-spacing: 1em 0;
    }
}

it looks very basic and doesn’t always do what you want it to do like it doesn’t make images fully responsive and furthermore the size of column might be stretched by the html in it so your site can lose its responsiveness whatsoever

y’all need to try CSS Grid. take wesbos’ course: cssgrid.io. its even smalller cos its already part of the browser :slight_smile:

2 Likes

It is 395 bytes only !!

I looked it over - it’s impressive and serves its purpose

1 Like

My bad 393 bytes only…

What’s ugly about basic HTML?

Basic HTML does not allow several features that CSS framework allows

Has anyone used this?