What is this ?
This is a classless CSS stylesheet, built for lightness and simplicity.
Concrete can be a great starting point for a simple website.
It also switches to a dark theme if your OS uses one.
Best used in pair with normalize.css.
Inspired by Milligram and Skeleton.
In your HTML
Just drop these lines into your HTML head.
Add the dependencies:
Import them somewhere in your code:
Concrete does not redefine headings, although normalize does. This is what you can expect:
I can simply be a paragraph.
I can be a link.
I can be bold.
I can be underlined.
I can be emphasised.
I can be small.
For structuring your page, you can use the
<main> element inside of the body.
It will be automatically centered on the page, with a maximum width of 640px, like the page you are reading right now.
To isolate the title of your page, and make it bigger, you can use the
You can see an example at the top of this page.
You can use the
<section> element to separate between the different sections.
The section will simply be given some bottom padding.
<footer> element will center the text inside of it.
You can see an example at the bottom of this page.
Simply add an image element, and voilà !
The concrete list is simply marked by a square.
- Unordered element 1
- Unordered element 2
- Ordered element 1
- Ordered element 2
- Description term
- Description detail
"I'm quoting myself" - Louis Merlin