Grid Layout
Using the grid property, this image gallery of plant species is displayed in 3 columns.
Forest & Kim Starr
CC BY 3.0, via Wikimedia Commons
.jpg){kind=link}
This will remain in the same spot even when scrolling by using the position: fixed property
sticky!
This section will be demonstrating the float property. As you can see, this text block occupies the left side of the block. There is also a green, dotted border surrounding this entire block.
This text occupies the right side of the block!
Using the grid property, this image gallery of plant species is displayed in 3 columns.
This section will demonstrate the effects of Flexbox! Flex-wrap using width size of 30% will create 3 columns of equal size. As you can see, the 3 blocks of texts are now in columns.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Nisl rhoncus mattis rhoncus urna. Tristique et egestas quis ipsum suspendisse ultrices gravida dictum fusce.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Vitae tempus quam pellentesque nec nam aliquam. Amet risus nullam eget felis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Malesuada nunc vel risus commodo viverra maecenas accumsan. Id diam vel quam elementum pulvinar etiam.
