Copy bootstrap with single breakpoint approach

nathansmith / unsemantic

Fluid grid for mobile, tablet, and desktop.

http://unsemantic.com

MIT License

1.38k stars 161 forks source link

Copy bootstrap with single breakpoint approach #64

Closed NoumanSaleem closed 6 years ago

NoumanSaleem commented 10 years ago

http://getbootstrap.com/css/#grid

Grid classes apply to devices with screen widths greater than or equal to the breakpoint sizes, and override grid classes targeted at smaller devices. Therefore, applying any .col-md- class to an element will not only affect its styling on medium devices but also on large devices if a .col-lg- class is not present.

So defining `.mobile-grid-50' would apply 50% for that element if no other unsemantic class is present

thoughts?

emateu commented 10 years ago

Take a look at this too: http://purecss.io/grids/. It does the same thing. Also the -sm, -md, -lg, -lx prefixes are really useful too. Better than just having default, tablet-x and mobile-x.

Love unsemantic, used in lot of projects, thank you.