More consistent naming with screen size variables using xs, sm, md, and lg
smaller example screenshots, fixes #9748