The two column grid has adjustable column widths. the layout can be switched and the text can be above or below the image on devices with screen widths less than the breakpoint.
Overlap
The text can be spaced away from the image using the column-gap control or overlap the image using the slider control.
The article is the mainstay of a responsive web page layout and should be used in preference to content width items and rows with three or more items.
Alowing plenty of "white" around items makes the easier to find and focus on and unequal column widths and overlaps adds a touch of class.
Animation
Adding a unique animation helps to draw attention to important items althoguh animation should be removed for mobile phones since it just causes confusion on small screens.
The animations are create using the EverWeb ThemeKit custom animation stylesheet for a unique effect and fast download efficiency.
In this example the layout is switched and the optional internal/external link inserted.
PerspectiveThe links have an animated border animation on hover. There are separate controls for adding a border for touch devices.
The item can have any amount of links. The links have controls for horizontal and vertcial spacing and for minimum width.
Menu