Design and documentation of a responsive CSS framework
In brief
Assignment: “Create a responsive design framework using CSS and Sass files that are downloaded to run the framework. Do not use JavaScript. Using the framework you construct, create a mini-documentation website describing how to use your framework.” Included in the framework is a six-column grid system, a color scheme, responsive typography, text styling, and table styling. And, of course, documentation.
Skills and technologies applied
Documentation • Editing • HTML & CSS • Image curation • Information design • Instructional design • Technical writing • Typography • Web design • Web development • Writing and editing
I created this lightweight CSS framework and accompanying site created for a web-design class. The framework features a 6-column grid with two breakpoints, a color scheme, table and list styling, and responsive typography. Sass is used to control the styling. The website includes documentation on how to install the framework, employ the grid, and use the various styling features.