Previously, we have looked at the navigation bar, the hero image, and the combination of the two. I figured that next natural step is to look at how to style the content on the page. I want to add some sort of visually pleasing container and Bulma‘s box class seems to be a good option.
See the Pen
JWS.app – Adding Section Boxes by Joe Steinbring (@steinbring)
on CodePen.
You will notice that I also added an “upwardbump” class to create a slight overlap of the content over the hero image. It is a visual element that is present on the current style of this blog that I kind of liked.
[ Cover photo by Kelli McClintock on Unsplash ]