responsive2

Side-by-side responsive graphics

The key is to use appropriate CSS for the containers…

• display: inline-block; for side-by-side containers
• vertical-align: top; so content aligns along the top (default is baseline of parent)
• float: left; otherwise carriage-return between containers will take up space
• width: 48%; must account for padding on left & right