careless.css

An almost classless CSS library that relies on simplicity and common sense.

A page with a sidebar

On this page I am attempting to show you that having a page with a sidebar is no problem with Careless.css. The mark-up is simple:

<main class="page-with-sidebar">
    <article><article>
    <aside></aside>
</main>
                

I didn't have to use CSS Grid, I could have also styled it by using a display:inline-block on the article and the aside. I might still opt to do that, because the point of this exercise is to have as little classnames as possible.