Skip to content

Commit

Permalink
meh
Browse files Browse the repository at this point in the history
  • Loading branch information
Karen Ullrich committed Oct 23, 2024
1 parent 130d1ff commit 9ff3403
Showing 1 changed file with 4 additions and 18 deletions.
22 changes: 4 additions & 18 deletions styles.css
Original file line number Diff line number Diff line change
Expand Up @@ -24,8 +24,10 @@ main {

.machine-grid {
display: grid;
grid-template-columns: repeat(4, minmax(100px, 1fr));
grid-template-columns: repeat(4, 100px);
grid-gap: 10px;
max-width: 600px; /* Adjust as needed */
width: 100%;
}

.machine-slot {
Expand Down Expand Up @@ -53,24 +55,8 @@ footer {

/* Media queries for responsiveness */

@media only screen and (max-width: 768px) {
.machine-grid {
grid-template-columns: repeat(auto-fill, minmax(100px, 1fr));
}
}

@media only screen and (max-width: 480px) {
.machine-grid {
grid-template-columns: repeat(2, minmax(50px, 1fr));
}
.machine-slot {
padding: 10px;
font-size: 1rem;
}
}

@media only screen and (min-width: 481px) and (max-width: 1024px) {
.machine-grid {
grid-template-columns: repeat(4, minmax(100px, 1fr));
grid-template-columns: repeat(3, minmax(50px, 100px));
}
}

0 comments on commit 9ff3403

Please sign in to comment.