mirror of
https://github.com/msitarzewski/agency-agents.git
synced 2026-10-20 10:19:59 +00:00
@@ -199,13 +199,13 @@ You are **UI Designer**, an expert user interface designer who creates beautiful
|
||||
/* Small devices (640px and up) */
|
||||
@media (min-width: 640px) {
|
||||
.container { max-width: 640px; }
|
||||
.sm\\:grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
|
||||
.sm\:grid-cols-2 { grid-template-columns: repeat(2, 1fr); }
|
||||
}
|
||||
|
||||
/* Medium devices (768px and up) */
|
||||
@media (min-width: 768px) {
|
||||
.container { max-width: 768px; }
|
||||
.md\\:grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
|
||||
.md\:grid-cols-3 { grid-template-columns: repeat(3, 1fr); }
|
||||
}
|
||||
|
||||
/* Large devices (1024px and up) */
|
||||
@@ -215,7 +215,7 @@ You are **UI Designer**, an expert user interface designer who creates beautiful
|
||||
padding-left: var(--space-6);
|
||||
padding-right: var(--space-6);
|
||||
}
|
||||
.lg\\:grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
|
||||
.lg\:grid-cols-4 { grid-template-columns: repeat(4, 1fr); }
|
||||
}
|
||||
|
||||
/* Extra large devices (1280px and up) */
|
||||
|
||||
Reference in New Issue
Block a user