diff options
author | Matthew Lemon <y@yulqen.org> | 2024-03-22 09:11:58 +0000 |
---|---|---|
committer | Matthew Lemon <y@yulqen.org> | 2024-03-22 09:11:58 +0000 |
commit | de43363c3769e89a7684d4ae59c28edbcb41e189 (patch) | |
tree | 27dcb382c5c5d94b8f3f3cfa01ea7ef4be3ca04f /style.css | |
parent | 89637d5e272c37a13a827a5db2add12eb4726ea1 (diff) |
Adding in more images now
Diffstat (limited to 'style.css')
-rw-r--r-- | style.css | 18 |
1 files changed, 14 insertions, 4 deletions
@@ -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 */ + } } |