diff options
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 */ + } } |