Skeleton CSS

Skeleton is a dead simple, responsive boilerplate designed for smaller projects. It styles a handful of standard HTML elements and includes a grid, making it a lightweight starting point for those who don't need the utility of larger frameworks.

The grid is a 12-column fluid grid with a max width of 960px. It shrinks with the browser or device at smaller sizes and can be adjusted with one line of CSS. The syntax is simple, making responsive coding easier.

Skeleton uses rem units for font sizes and spacing, allowing responsive sizing based on the font-size property. The base type is Raleway at 15px with a 1.6 line height (24px). Headings have distinct sizes with specific letter-spacing, line-height, and margins.

Yes, Skeleton includes utility classes for common tasks like making an element full width, floating elements, and clearing floats. These are designed to be easy-to-use helpers for quick styling adjustments.

If you love Skeleton, you can tweet it, share it, or star it on GitHub. The creator appreciates the support and encourages sharing. There's also a plan to create a 'Built on Skeleton' list for real, live examples.

Skeleton uses mobile-first media queries to serve its scalable grid. The query sizes are: Desktop HD (1200px), Desktop (1000px), Tablet (750px), Phablet (550px), and Mobile (400px). These queries help style your site across different devices.

No, Skeleton is designed to be quick to start with zero compiling or installing necessary. You can download it and begin using it immediately for your project.

Yes, there is a demo landing page example that shows how easy it is to create a landing page with just the Skeleton grid and a few custom styles. More examples are planned to help users get started or become more familiar with Skeleton.