Page Layout with CSS

By Shanker Ram




This box utilizes the margin feature to center the box, the border feature to highlight the box's border, and the padding feature to really push the text inside the box.







This image is positioned to the right using float and is sized using width and height. ----->







This is a flexbox.

It uses many attributes, including

padding, flex-flow, and justify-content







This is a grid.

It has 3 divs inside of it, each marking one of the six boxes making up the section

Some attributes used in this grid are grid-gap and place-self.

Here are some fun facts about trees:

Trees are the longest living organisms on Earth.

Tree rings can predict climate change.