diff options
Diffstat (limited to '')
| -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' %} |