A flexible article container, Foundation, SD3

Found on the Foundation building block site, where it was coded for 'desktop down'. I have switched it around to 'mobile first', so that it will work well in SD3. It is based on floats, so no flex positioning here that might not be understood or messed up by MS Internet Explorer.

Boats waiting to be used.

This building block can be extended to allow more images down the page, and one has to remember clearing the floats before starting a new section, like below here with the heading.

To make a content of the three sections on this page, select the container 'flexible-article-content'. By doing so, you will also get the paragraphs of text. You can also make a component of just the container holding the images, but then you will have to add the text contents yourself, to make use of the floats. The three image holding containers are 'flexible-article-image-left', 'flexible-article-image-right' and 'flexible-article-image-wide'. I would recommend taking the lot though, to avoid problems.

The images were taken last year in early spring, in the Southern Norwegian Arendal area. Especially during the summer the area is very popular for camping, boating, swimming and sports and music fesivals.

If you plan on using this building block, please provide your own images.

Section header

Hove-kilen, a bay on the island of Tromoy

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.

Section header

Waiting for warmer weather

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas et metus.