Grade 3 → Social Studies
US Geography
Learn about the United States.
Lessons
1
2
3
4
5
6
Claim-Evidence Writing: US Geography
ACT: that supports how mountains affect climate.
Guided Practice: US Geography
Physical Features
ACT: {
font-size: var(--text-sm);
color: #57534e;
}
.map-activity {
background: white;
border: 3px solid var(--ss-primary);
border-radius: var(--radius-lg);
padding: var(--space-6);
margin: var(--space-6) 0;
}
.map-activity h3 {
color: var(--ss-dark);
text-align: center;
margin-bottom: var(--space-4);
}
.map-container {
position: relative;
max-width: 700px;
margin: 0 auto;
background: #e5f5e0;
border: 2px solid #a3d99b;
border-radius: var(--radius-lg);
padding: var(--space-4);
}
.us-map {
width: 100%;
height: auto;
display: block;
}
.map-label {
position: absolute;
background: var(--ss-primary);
color: white;
padding: var(--space-1) var(--space-2);
border-radius: var(--radius-sm);
font-size: var(--text-sm);
font-weight: 600;
cursor: pointer;
transition: transform 0.2s ease, background 0.2s ease;
white-space: nowrap;
}
.map-label:hover {
transform: scale(1.1);
background: var(--ss-dark);
}
.map-label.active {
background: #16a34a;
transform: scale(1.15);
}
.feature-info-box {
background: var(--ss-light);
border: 2px solid var(--ss-accent);
border-radius: var(--radius-md);
padding: var(--space-4);
margin-top: var(--space-4);
text-align: center;
min-height: 80px;
}
.feature-info-box h4 {
color: var(--ss-dark);
margin-bottom: var(--space-2);
}
.match-game {
background: linear-gradient(135deg, #fef3c7 0%, #fed7aa 100%);
border-radius: var(--radius-lg);
padding: var(--space-6);
margin: var(--space-6) 0;
}
.match-game h3 {
color: var(--ss-dark);
text-align: center;
margin-bottom: var(--space-4);
}
.match-container {
display: grid;
grid-template-columns: 1fr 1fr;
gap: var(--space-5);
max-width: 600px;
margin: 0 auto;
}
.match-column h4 {
text-align: center;
color: var(--ss-dark);
margin-bottom: var(--space-3);
}
.match-item {
background: white;
border: 2px solid #d6d3d1;
border-radius: var(--radius-md);
padding: var(--space-3);
margin-bottom: var(--space-2);
text-align: center;
cursor: pointer;
transition: all 0.2s ease;
font-weight: 500;
}
.match-item:hover {
border-color: var(--ss-primary);
background: #fffbeb;
}
.match-item.selected {
border-color: var(--ss-primary);
background: var(--ss-light);
box-shadow: 0 0 0 3px rgba(217, 119, 6, 0.3);
}
.match-item.matched {
background: #dcfce7;
border-color: #16a34a;
cursor: default;
}
.match-item.wrong {
background: #fee2e2;
border-color: #dc2626;
animation: shake 0.5s ease;
}
@keyframes shake {
0%, 100% { transform: translateX(0); }
25% { transform: translateX(-5px); }
75% { transform: translateX(5px); }
}
.match-score {
text-align: center;
margin-top: var(--space-4);
font-size: var(--text-lg);
font-weight: 600;
color: var(--ss-dark);
}
.practice-problem {
background: #fafaf9;
border: 2px solid #e7e5e4;
border-radius: var(--radius-lg);
padding: var(--space-5);
margin: var(--space-4) 0;
}
.practice-problem h4 {
color: var(--ss-dark);
margin-bottom: var(--space-3);
}
.answer-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: var(--space-3);
max-width: 500px;
margin: 0 auto;
}
.answer-btn {
padding: var(--space-3) var(--space-4);
font-size: var(--text-base);
font-weight: 600;
border: 2px solid #d6d3d1;
border-radius: var(--radius-md);
background: white;
cursor: pointer;
transition: all 0.2s ease;
}
.answer-btn:hover {
border-color: var(--ss-primary);
background: var(--ss-light);
}
.answer-btn.correct {
background: #dcfce7;
border-color: #16a34a;
color: #166534;
}
.answer-btn.incorrect {
background: #fee2e2;
border-color: #dc2626;
color: #991b1b;
}
.feedback {
margin-top: var(--space-3);
padding: var(--space-3);
border-radius: var(--radius-md);
text-align: center;
font-weight: 500;
display: none;
}
.feedback.show {
display: block;
}
.feedback.correct {
background: #dcfce7;
color: #166534;
}
.feedback.incorrect {
background: #fee2e2;
color: #991b1b;
}
.flash-card-area {
background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
border-radius: var(--radius-lg);
padding: var(--space-6);
margin: var(--space-6) 0;
text-align: center;
}
.flash-card {
background: white;
border: 3px solid var(--ss-primary);
border-radius: var(--radius-lg);
padding: var(--space-6);
max-width: 400px;
margin: 0 auto var(--space-4);
cursor: pointer;
transition: transform 0.3s ease;
min-height: 150px;
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
}
.flash-card:hover {
transform: scale(1.02);
}
.flash-card .question {
font-size: var(--text-xl);
font-weight: bold;
color: var(--ss-dark);
}
.flash-card .answer {
font-size: var(--text-lg);
color: #16a34a;
display: none;
}
.flash-card.flipped .question {
display: none;
}
.flash-card.flipped .answer {
display: block;
}
.flash-controls {
display: flex;
gap: var(--space-3);
justify-content: center;
flex-wrap: wrap;
}
.flash-btn {
padding: var(--space-2) var(--space-4);
font-size: var(--text-base);
font-weight: 600;
border: 2px solid var(--ss-primary);
border-radius: var(--radius-md);
background: white;
cursor: pointer;
transition: all 0.2s ease;
}
.flash-btn:hover {
background: var(--ss-light);
}
.explorer-game {
background: linear-gradient(135deg, #ecfdf5 0%, #d1fae5 100%);
border: 2px solid #10b981;
border-radius: var(--radius-lg);
padding: var(--space-6);
margin: var(--space-6) 0;
text-align: center;
}
.explorer-game h3 {
color: #047857;
margin-bottom: var(--space-4);
}
.clue-box {
background: white;
border: 2px solid #10b981;
border-radius: var(--radius-lg);
padding: var(--space-5);
margin-bottom: var(--space-4);
font-size: var(--text-lg);
}
.clue-box .clue-icon {
font-size: 2.5rem;
margin-bottom: var(--space-2);
}
.explorer-options {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: var(--space-3);
max-width: 400px;
margin: 0 auto var(--space-4);
}
.explorer-btn {
padding: var(--space-3);
font-size: var(--text-base);
font-weight: 600;
border: 2px solid #10b981;
border-radius: var(--radius-md);
background: white;
cursor: pointer;
transition: all 0.2s ease;
}
.explorer-btn:hover {
background: #ecfdf5;
}
.explorer-btn.correct {
background: #dcfce7;
border-color: #16a34a;
}
.explorer-btn.incorrect {
background: #fee2e2;
border-color: #dc2626;
}
.explorer-score {
font-size: var(--text-lg);
font-weight: 600;
color: #047857;
}
.summary-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: var(--space-4);
margin: var(--space-5) 0;
}
.summary-item {
background: var(--ss-light);
padding: var(--space-4);
border-radius: var(--radius-lg);
text-align: center;
border: 2px solid #fcd34d;
}
.summary-item .icon {
font-size: 2.5rem;
margin-bottom: var(--space-2);
}
.summary-item h4 {
color: var(--ss-dark);
margin-bottom: var(--space-2);
}
.region-section {
background: white;
border: 2px solid #fcd34d;
border-radius: var(--radius-lg);
padding: var(--space-5);
margin: var(--space-5) 0;
}
.region-section h4 {
color: var(--ss-dark);
margin-bottom: var(--space-3);
display: flex;
align-items: center;
gap: var(--space-2);
}
.region-section .region-icon {
font-size: 1.5rem;
}
.feature-list {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: var(--space-3);
margin-top: var(--space-3);
}
.feature-list-item {
background: var(--ss-light);
padding: var(--space-3);
border-radius: var(--radius-md);
border-left: 4px solid var(--ss-primary);
}
.feature-list-item strong {
color: var(--ss-dark);
display: block;
margin-bottom: var(--space-1);
}
.fun-fact {
background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
border: 2px dashed var(--ss-primary);
border-radius: var(--radius-lg);
padding: var(--space-4);
margin: var(--space-4) 0;
text-align: center;
}
.fun-fact .fact-icon {
font-size: 2rem;
margin-bottom: var(--space-2);
}
.fun-fact strong {
color: var(--ss-dark);
}