Gradients!

Okay I learned how to make gradients! Instead of background-color: colorname;, I can use background-image: linear-gradient(direction, color1, color2, color∞). I might actually change how <h1> looks across the site.

From this:

Flat header

To this:

Gradient header

→Hmm... I don't like how it looks that much... What if I remove the border?



Borderless gradient header

Nah...


Maybe change the border color? Or just keep it beige but make it inset instead of solid?

Beige inset border

No... It doesn't look good.



What about ridge?

Beige ridge border


...

...

...

THEY ALL SUCK.