diff options
| author | sowgro <tpoke.ferrari@gmail.com> | 2024-11-11 12:31:12 -0500 |
|---|---|---|
| committer | sowgro <tpoke.ferrari@gmail.com> | 2024-11-11 12:31:12 -0500 |
| commit | 74a20e3b409ed625e74a838d418890fc5f6d0533 (patch) | |
| tree | 0913fb9ece104088e654dcbcfc984eda8b790eeb | |
| parent | edbe7404cbc33f36816aab77cecaafd30b96c2e2 (diff) | |
| download | grav-sowtheme-74a20e3b409ed625e74a838d418890fc5f6d0533.tar.gz grav-sowtheme-74a20e3b409ed625e74a838d418890fc5f6d0533.tar.bz2 grav-sowtheme-74a20e3b409ed625e74a838d418890fc5f6d0533.zip | |
update grid
| -rw-r--r-- | css/website.css | 40 | ||||
| -rw-r--r-- | templates/grid.html.twig | 12 |
2 files changed, 32 insertions, 20 deletions
diff --git a/css/website.css b/css/website.css index 057e9c6..87ae676 100644 --- a/css/website.css +++ b/css/website.css @@ -254,21 +254,33 @@ hr { margin: 60px 0px; } -/* mobile */ -@media only screen -and (max-device-width: 900px) -{ -.header -{ - margin: 10px; -} -.footer -{ - margin: 10px; +.grid { + display: flex; + flex-direction: row; + flex-wrap: wrap; + gap: 40px; } -.h1t -{ - font-size: 300%; + +.grid div { + width: 400px; + border-color: white; + border-style: solid; + height: 400px; + border-radius: 10px; + padding: 10px; } + + +/* mobile */ +@media only screen and (max-device-width: 900px) { + .header { + margin: 10px; + } + .footer { + margin: 10px; + } + .h1t { + font-size: 300%; + } }
\ No newline at end of file diff --git a/templates/grid.html.twig b/templates/grid.html.twig index 9ead8f6..8f279b8 100644 --- a/templates/grid.html.twig +++ b/templates/grid.html.twig @@ -17,14 +17,14 @@ {{ page.content|raw }} <div class="grid"> {% for current_page in page.children %} - <div> - <a href="{{ current_page.url|e }}"> - <div> + <a href="{{ current_page.url|e }}"> + <div> + <div class="proj-thumb"> {{ current_page.media.images|first|raw }} - {{ current_page.title|e }} </div> - </a> - </div> + {{ current_page.title|e }} + </div> + </a> {% endfor %} </div> {% include 'partials/navigation.html.twig' %} |