Skip to content

Instantly share code, notes, and snippets.

View wachilt's full-sized avatar

John Coyne wachilt

View GitHub Profile
@malarkey
malarkey / alt-styles.css
Last active October 28, 2023 19:42
A simpler approach to CSS styling using just one default style plus one alternative.
/* CSS Custom Properties */
:root {
--font-family-default: 'Merriweather', serif;
--font-family-alt: 'Merriweather Sans', sans-serif;
--font-color-default: #b1a18;
--font-color-alt: #f5f5f3;
--font-link-default: #a62339;
/* THIS IS THE CLASS THAT IS APPLIED TO THE UNORDERED LIST AND ACTS AS THE FLEX CONTAINER */
.grid-wrap {
display: flex; /* THIS MAKES IT A FLEX CONTAINER */
flex-flow: row wrap; /* THIS MAKES EACH BLOG POST LINE UP HORIZONTALLY AND WRAP TO THE NEXT LINE */
align-items: center; /* YOU CAN CHOOSE DIFFERENT VALUES HERE */
justify-content: center; /* YOU CAN CHOOSE DIFFERENT VALUES HERE */
list-style: none; /* THIS REMOVES THE BULLET POINT FOR EACH LIST ITEM */
}