Flex Templates to Copy and Paste

.flexbox { display: flex; justify-content: center; align-items: center; }

.grid-layout { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }

.justify-content { display: flex; justify-content: space-between; }

.align-items { display: flex; align-items: center; }

.grid-template-areas { display: grid; grid-template-areas: "header header" "sidebar content"; }

.flex-direction { display: flex; flex-direction: column; }

.grid-template-columns { display: grid; grid-template-columns: 1fr 2fr; }

.three-column-card-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }