Skip to content

Commit 76a3669

Browse files
committed
trying responsive layout
1 parent 787f19e commit 76a3669

File tree

1 file changed

+11
-0
lines changed

1 file changed

+11
-0
lines changed

src/App.css

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -41,4 +41,15 @@
4141
border: 1px solid #ccc;
4242
border-radius: 8px;
4343
text-align: left; /* ensures text in each box is left-aligned */
44+
}
45+
46+
@media (max-width: 800px) {
47+
.container {
48+
flex-direction: column;
49+
align-items: stretch;
50+
}
51+
52+
.box {
53+
width: 100%;
54+
}
4455
}

0 commit comments

Comments
 (0)