This web page will demonstrate different types of CSS layout. This includes using Flexbox, float, padding, margin, border, and text styles.
For instance, this text uses a bold font weight and an italic font style. Meanwhile, the border for each part is a blue inset style.
On the other hand, the header uses the font variant small caps. Flexbox is utilized here to arrange the cards horizontally.
A picture of ocean waves
This is an example of using float. When you hover over the image, both the image and caption are enlarged and transition the border color to gold.
Questions about CSS layout? Email me
Return to top