Project 9: Travel Destination Page
CSS Stylist
Builds on these lessons
Step 1 of 2
Project
Turning On Grid
Give .destination-layout display: grid with grid-template-columns: 2fr 1fr — a two-column layout where the first column is twice as wide as the second, defined in one line, no wrapping divs or floats needed.
🎯 Your Task
Please add the exact code shown in the light gray box below to your editor.Do not delete your previous code, just insert these new lines in the correct place!
.destination-layout {
display: grid;
grid-template-columns: 2fr 1fr;
gap: 24px;
}