summaryrefslogtreecommitdiffstats
path: root/style.css
diff options
context:
space:
mode:
authorMatthew Lemon <y@yulqen.org>2024-03-22 09:11:58 +0000
committerMatthew Lemon <y@yulqen.org>2024-03-22 09:11:58 +0000
commitde43363c3769e89a7684d4ae59c28edbcb41e189 (patch)
tree27dcb382c5c5d94b8f3f3cfa01ea7ef4be3ca04f /style.css
parent89637d5e272c37a13a827a5db2add12eb4726ea1 (diff)
Adding in more images now
Diffstat (limited to '')
-rw-r--r--style.css18
1 files changed, 14 insertions, 4 deletions
diff --git a/style.css b/style.css
index 81ab044..38c0820 100644
--- a/style.css
+++ b/style.css
@@ -68,30 +68,40 @@ img {
}
-.inner-grid {
+.inner-grid_1 {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
margin: 10px 10px 10px 0px;
}
-.inner-grid p {
+.inner-grid_1 p {
font-size: 1.6rem;
color: darkgray;
padding-right: 50px;
text-align: right;
}
+.inner-grid_2 {
+ display: grid;
+ grid-template-columns: repeat(3, 1fr);
+ gap: 20px;
+ margin: 10px 10px 10px 0px;
+}
+
/* Media query for narrow screens */
@media only screen and (max-width: 600px) {
- .inner-grid {
+ .inner-grid_1 {
grid-template-columns: 1fr; /* Switch to single column layout */
}
- .inner-grid p {
+ .inner-grid_1 p {
text-align: left;
font-size: 1.5rem;
padding: 0;
}
+ .inner-grid_2 {
+ grid-template-columns: 1fr; /* Switch to single column layout */
+ }
}