Custom markdown block grid
About the project
Bill wanted to know if there was a better, more fun way to present the 6 key benefits of their service on their homepage.
They were using markdown blocks to display them – since they were adding little tooltips that pop up on hover – so we had to find a way to work with them and make them look nicer.
To match the minimal style of the icons and overall graphics of the site, we went with a simple border + shadow combo that would make the blocks stand out from the white background, without implementing additional colors.
And to keep things looking great at all time, we made sure all the boxes in the same row would stick to the same height based on the tallest one – keeping them looking aligned at all times – as well as forcing them to stack on top of each other based on screen size!