Back to Top /* set banner image height; vertically center banner description text and justify left ================================================= */ /* set height of banner image (#thumbnail) and its parent (.banner-thumbnail-wrapper), hide overflow and zero padding */ #thumbnail, .banner-thumbnail-wrapper { height: 250px; overflow: hidden; padding: 0 !important; } /* vertically center banner description within its parent (.banner-thumbnail-wrapper), align text left and zero padding except padding-left */ .banner-thumbnail-wrapper .desc-wrapper { position: absolute; top: 50%; transform: translateY(-50%); text-align: left; padding: 0; padding-left: 20px; }
Applying thoughtful design to some of today’s biggest challenges.