Aligns items horizontally using display: inline-block to create a 3-tile layout.

Creates a content container with a triangle at the top.

Resets the box-model so that width and height are not affected by border or padding.

Creates a circular shape with pure CSS.

Ensures that an element self-clears its children.

Ensures that an element with variable width will retain a proportionate height value.

Changes the styling of text selection.

Makes the content unselectable.

Makes the first letter of the first paragraph bigger than the rest of the text.

Horizontally and vertically centers a child element within a parent element using flexbox.

Horizontally and vertically centers a child element within a parent element using grid.

Displays a text on top of an image using an overlay.

Creates a custom hover and focus effect for navigation items, using CSS transformations.

Creates a pulse effect loader animation using the animation-delay property.

Resets all styles to default values using only one property.