[x] The "best practice" max length of any string of text should be about 80 characters for legibility (gets hard for eyes to wrap back to the next line if it's too long) so lets make all the paragraphs under headline titles wrap at about 450px and change the line height to 20?
[x] Also feel like the letter spacing (kerning) of all the titles are a little too much, maybe decrease 1-2? (sorry about that)
[x] And is it possible to change all "AND"s in all titles to "&" ie: GULP & SASS?
Home
[x] Just to make it seem more like a quote, can we make the tweet:
twitter-block__tweet
font-size: 24px
line-height: 32px
padding-top: 10px;
[x] but keep the handle the same:
twitter-block__tweet-info small-font-size
font-size: 14pt
[x] Can we add a line break after "TOTALLY" in title "TOTALLY TOOLING TIPS"? Just cause.
[x] Can we make "NEWS" - all caps and bigger:
title-block-item__toptext
text-transform: uppercase
font-size .9rem
[x] And for the paragraph below "Smashing book 5" don't create new paragraph for "Get the print or ebook here." so it's part of the text (or as a line height of 20)
About
[x] The word "it." is hanging by itself at the end of the FACTS paragraph, so lets change:
li style="width: 360px;
[x] HEY isn't centered with the line under it (seems like there's a space after Y?) and the same issue applies to CONTACTS. is there a way to off set this? like maybe:
change title-block-item__title
width: 443px;
[ ] Add space above titles for ABOUT, BLOG and blog article pages, like:
class="title-block-item hey"
padding-top: 80px;
[ ] Lower social icons about 40-60 px to ground it a bit.
subtle-footer__content-container
padding-top: 100px;
About page on mobile
[ ] The "FACTS" etc... left margin is pretty small would be great if it was the same as the paragraph above it.
Blog (on mobile)
[ ] Maybe decrease the title font size 1 or 2pt - lot of mid-word line breaks : /
[ ] And add space above first article title (pretty close to nav)
Blog Article Page
[ ] Would be nice to have the date above the title? (on Gulp & Sass, it's missing) or add about 80px padding on top.
UNIVERSAL
Home
About
About page on mobile
Blog (on mobile)
Blog Article Page
Contact