FIRST OFF

−Donec massa faucibus et molestie. Ut diam quam nulla porttitor massa. Vitae nunc sed velit dignissim. Viverra nam libero justo laoreet sit. Urna porttitor rhoncus dolor purus non enim. Vulputate odio ut enim blandit. Sed adipiscing diam donec adipiscing. Gravida cum sociis natoque penatibus et magnis dis parturient montes. Pellentesque elit ullamcorper dignissim cras. Interdum velit laoreet id donec ultrices tincidunt arcu. Amet venenatis urna cursus eget. Enim blandit volutpat maecenas volutpat. Eget duis at tellus at urna. Sed vulputate mi sit amet. Massa sed elementum tempus egestas sed sed risus pretium quam.

Button

Secondly

Dolor morbi non arcu risus quis. Fringilla urna porttitor rhoncus dolor purus non enim praesent elementum. Enim diam vulputate ut pharetra. Integer feugiat scelerisque varius morbi enim nunc faucibus. Feugiat scelerisque varius morbi enim nunc faucibus a. In nisl nisi scelerisque eu ultrices vitae auctor eu. Volutpat consequat mauris nunc congue nisi vitae suscipit tellus mauris. Vel pharetra vel turpis nunc eget lorem dolor sed viverra. ullamcorper.

Button

Thirdly

Pellentesque adipiscing commodo elit at imperdiet dui accumsan sit. At varius vel pharetra vel turpis nunc eget. Condimentum mattis pellentesque id nibh tortor. Id leo in vitae turpis massa. Elit ut aliquam purus sit amet luctus venenatis. Sed vulputate odio ut enim blandit. In nulla posuere sollicitudin aliquam ultrices sagittis orci. Imperdiet nulla malesuada pellentesque elit eget g ut sem nulla pharetra diam sit amet nisl. Ornare suspendisse sed nisi lacus. Amet venenatis urna cursus eget nunc. Sed risus pretium quam vulputate dignissim suspendisse. Est ante in nibh mauris cursus mattis molestie. Feugiat scelerisque varius morbi.

Button

Goofball 1

Since Goofball and 2 are in a grid but that grid is not in a container itself, I don’t have a way to move down these 2 columns unless I got to each and adding a top margin space.

Seems like it would be better to start with the container each time and then choose the Grid block?

Tortor posuere ac ut consequat semper viverra nam. Elit eget gravida cum sociis natoque. Turpis massa sed elementum tempus egestas sed sed risus. Sociis natoque penatibus et magnis dis parturient montes nascetur ridiculus. Ultrices vitae auctor eu augue ut lectus arcu.

Goofball 2

Tortor posuere ac ut consequat semper viverra nam. Elit eget gravida cum sociis natoque. Turpis massa sed elementum tempus egestas sed sed risus. Sociis natoque penatibus et magnis dis parturient montes nascetur ridiculus. Ultrices vitae auctor eu augue ut lectus arcu. Aliquet lectus proin nibh nisl condimentum id venenatis a condimentum. Sit amet justo donec enim. Ultrices vitae auctor eu augue ut lectus arcu bibendum at. Parturient montes nascetur ridiculus mus mauris vitae. Velit ut tortor pretium viverra suspendisse potenti nullam. Eget nulla facilisi etiam dignissim diam quis enim. Aliquet nec ullamcorper sit amet risus nullam eget felis. Facilisis leo vel fringilla est ullamcorper. Cursus risus at ultrices mi. Volutpat est velit egestas dui id.

Pharetra Et Ultrices Neque Ornare

Because the images are not added as a bg image, the padding for the container insets them. SO you may not like that and would want the photo to fill the container edge to edge.

So feugiat sed lectus vestibulum mattis. Arcu cursus euismod quis viverra nibh. Sed nisi lacus sed viverra tellus in hac habitasse platea. Facilisi cras fermentum odio eu feugiat pretium nibh ipsum consequat. Commodo sed egestas egestas fringilla phasellus faucibus scelerisque eleifend. Ipsum nunc aliquet bibendum enim facilisis gravida. Tempus egestas sed sed risus pretium quam vulputate dignissim.

Pharetra Et Ultrices Neque Ornare

Here we have a flex column where we set JUSTIFY CONTENT to SPACE-BETWEEN in order to get the bottom image at the very bottom.

But there are 3 flex children, so that means the text here will have big gaps if the lines are short. There may be a way to solve this–put these 3 paragraphs into a container? Does group do anything in GP?

The 3 containers are set to be the same height – align flex-start, in Spacing: align min height to 100% Remember that in GRID, the vertical align was set as default.

Aliquet Porttitor Lacus Luctus

The image in this column was not put in a container. The others were. SO IS THAT LESS FLEXIBLE? T

Tor, semper risus in hendrerit gravida rutrum. Commodo elit at imperdiet dui. Sagittis nisl rhoncus mattis rhoncus. Pellentesque pulvinar pellentesque habitant morbi tristique senectus. A lacus vestibulum sed arcu non odio euismod lacinia at. Mauris ultrices eros in cursus turpis. Pretium quam vulputate dignissim suspendisse in est ante. Lectus nulla at volutpat diam. Egestas integer eget aliquet nibh praesent. Cras semper auctor neque vitae tempus. Turpis egestas maecenas pharetra convallis posuere morbi leo.