You don't need Bootstrap

Why you might not need any CSS framework

A Super Stupid Simple Style Guide

This page has examples of basic components that most websites might use and some simple tips on how to style them without using a full-blown, big ole CSS framework like Bootstrap, Materialize, or Foundation.

See the README.md for an in-depth breakdown of the reasoning and the code.

Layout

AKA Flexbox examples.

title
side
section
item
item
item

Centering an element vertically and horizontally...

centered

Typography

H1 heading

H2 heading

H3 heading

H4 heading

H5 heading

Paragraph text with an inline link. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

  1. List item
    1. Nested list item
    2. Nested list item
    3. Nested list item
  2. List item
    • Nested list item
    • Nested list item
    • Nested list item
  3. List item

List groups

Large list item 1
Large list item 2
Large list item 3

Forms

Link

Cards

Card title

Card text. Basic example of some text content inside a card. Wow, look at this great text.

Card title

Card text. Basic example of some text content inside a card. Wow, look at this great text.

Card link Card link

Loaders / Spinners

AKA loading indicators.