Project 13: Job Board Listing

CSS Stylist

Builds on these lessons

Step 1 of 2

Project

Mobile-First Base Styles

Write .job-list with grid-template-columns: 1fr as the base, unqualified rule — a single column, the safest default for the smallest screens. Building the small-screen layout first, then adding complexity for bigger screens, is what "mobile-first" responsive design means.

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

.job-list {
  display: grid;
  grid-template-columns: 1fr;
  gap: 16px;
}

← Previous Next →