A CodePen by Edward Unthank. Responsive Acronym/Full Name and Initials Text - Wanting the content to change with different media queries, this simple CSS (written in LESS) and HTML script drops out the different divs depending on browser-width. A simple LESS transition gives them the appearance of dropping/jumping up when the size is right.

Three sizes with three different contents:

1. Mobile: First Initial, Middle Initial, Last Initial
2. Tablet: First Name, Middle Initial, Last Name
3. Desktop: First Name, Middle Name, Last Name

Written to be mobile-first, as a unique footer element for a website.

Author: Edward Unthank
Author URI: http://EdwardUnthank.com