UX Enhancement for Home & Main Nav

[m2creates]

Recommendations for General Spacing and Balance for styles

Main Navigation

Balance the "logo" element against the margin to match the nav links.

• Adds 1 line to: https://github.com/livecomsjournal/livecomsjournal.github.io/blob/master/_sass/minimal-mistakes/_navigation.scss#L197

.greedy-nav a.site-title {
  padding-left: 2em; /* balance title space on left to match nav link space on right */
}

Reduce font size of nav links to match the max font size of the "logo" element.

• Adds 1 line to: https://github.com/livecomsjournal/livecomsjournal.github.io/blob/master/_sass/minimal-mistakes/_navigation.scss#L211

.greedy-nav .visible-links {
  font-size: 18px; /* cap nav font */
}

Result:

Features excerpts on Home Page

Adds more breathing room in between columns to avoid clustering of descriptions against sibling elements...

• Adds 1 line to: https://github.com/livecomsjournal/livecomsjournal.github.io/blob/master/_sass/minimal-mistakes/_archive.scss#L68

.archive__item-excerpt {
  padding-right: 1em;
}

...without disrupting the centered description element.

• Adds 3 lines to: https://github.com/livecomsjournal/livecomsjournal.github.io/blob/master/_sass/minimal-mistakes/_archive.scss#L309

&--center{
  .archive__item-excerpt {
    padding-right: 0;
  }
}

Result: