![Desktop Container](/wp-content/themes/openskull_wp/img/desktop.png)
![Openskull CSS Website Desktop Screenshot](https://www.gladelynch.com/wp-content/uploads/2019/03/openskull.com_-aspect-ratio-768x442.png)
![Tablet Container](/wp-content/themes/openskull_wp/img/tablet.png)
![Openskull CSS Website Tablet Screenshot](https://www.gladelynch.com/wp-content/uploads/2019/03/openskull.com_-2-aspect-ratio-397x277.png)
![Mobile Container](/wp-content/themes/openskull_wp/img/phone.png)
![Openskull CSS Website Mobile Screenshot](https://www.gladelynch.com/wp-content/uploads/2019/03/openskull.com_Pixel-2-XL-aspect-ratio-136x277-147x300.png)
I wrote my own CSS framework because I felt there wasn’t a lightweight option out there that could be used as a solid website foundation. Websites that use libraries like bootstrap oftentimes have thousands of excess lines of CSS for features and elements their website isn’t using. Worse still, a lot of these developers spend hours “unstyling” bootstrap with soups of malformed and !important CSS rules.
Of course making my own library meant that I ought to provide some documentation. I made openskull.com to showcase the library and what it can do without the use of a demo stylesheet. Everything on the website is generated with the classes provided in the small library & smart HTML.