Project 10: Real Estate Card

CSS Stylist

Builds on these lessons

Step 1 of 2

Project

Defining Tracks with repeat()

Give .property-facts display: grid with grid-template-columns: repeat(3, 1fr) — three equal columns for beds/baths/sqft, written once instead of 1fr 1fr 1fr — and grid-template-rows: auto auto for a label row and a value row.

🎯 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!

.property-facts {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: auto auto;
}

← Previous Next →