Create a two-column layout with CSS grid

grid-template-columns splits the width. 2fr 1fr makes the first column twice as wide.

More CSS recipes

• Center a div horizontally and vertically
• Make a sticky header
• Create a responsive grid of cards
• Style a button with a hover effect
• Build a pure CSS tooltip