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

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

#1

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:



#2

Since this is a review, what did you like (tell us about the amazing parts) and what you did not like (the cons) about the framework? Otherwise, it looks like you are plugging a library.


#4

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


#5

I updated the description accordingly…


#6

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


#8

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


#9

It is 395 bytes only !!


#10

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


#11

My bad 393 bytes only…


#12

What’s ugly about basic HTML?


#13

Basic HTML does not allow several features that CSS framework allows


#14

Has anyone used this?