7.CSS

Ultra minimal CSS

Get a professional looking styling theme for your html document without using any CSS libraries by setting just 7 styling properties for your body tag (8 if dark-mode). This gives the document a clean, tidy and easy on the eye look compared to plain html without any CSS.

What this css does:

Apply background
Justify text contents
Margin around the page
Padding around the page
Outline around the page
Width limited to whichever is lower between height or width
Larger & web-friendly font with spaced out lines

Perfect if you just have a page of mostly texts.

CSS Used:


        body {
            background: linear-gradient(49deg,  mistyrose, lavender,honeydew);
            text-align: justify;
            margin: auto;
            padding: 21 7% 21 7%;
            outline: steelblue dotted 7px;
            max-width: 100vmin;
            font: 21px/28px verdana ;
        }
        @media (prefers-color-scheme: dark) {
            body {
                background: #0e1818;
                color: palegreen;
                outline: palegreen double 7px;
            }
        }