Fixing The Hero Image

Last week, we looked at more ways to tweak the nav bar on  This week, I figured that we would move down to the hero image.  The current hero image is dynamically generated based upon a subset of images on  It doesn’t look great, though.

See the Pen – Hero (Before)
by Joe Steinbring (@steinbring)
on CodePen.

I think that we can improve it with a gradient and making the image a background.

See the Pen – Hero (After – Option 1)
by Joe Steinbring (@steinbring)
on CodePen.

The next big question is if the navbar should be visually overlapping the hero image and if the website name should be a little more prominent.  That might need to wait for a future post, though.

Have a comment or suggestion?  Feel free to drop a comment, below.


[ Cover photo by Steve Halama on Unsplash ]

Leave a Reply

Your email address will not be published. Required fields are marked *