diff options
| -rw-r--r-- | scss/main.scss | 7 | ||||
| -rw-r--r-- | templates/page/index.gohtml | 6 |
2 files changed, 8 insertions, 5 deletions
diff --git a/scss/main.scss b/scss/main.scss index 5adf1be..1625649 100644 --- a/scss/main.scss +++ b/scss/main.scss @@ -162,12 +162,13 @@ h4 { --background: #000; --background-hover: var(--background); - display: flex; + display: grid; + grid-template-columns: repeat(3, 1fr); margin-top: 2rem; width: 100%; gap: 1rem; @media only screen and (max-width: vars.$bp-little) { - flex-direction: column; + grid-template-columns: 1fr; gap: 0.5rem; align-items: center; } @@ -175,7 +176,7 @@ h4 { display: flex; align-items: center; justify-content: center; - width: 33%; + width: 100%; box-shadow: 0 0 50px -20px rgba(0,0,0,0.75); border-radius: 16px; background: var(--background); diff --git a/templates/page/index.gohtml b/templates/page/index.gohtml index b3139a3..4b1389a 100644 --- a/templates/page/index.gohtml +++ b/templates/page/index.gohtml @@ -11,14 +11,16 @@ </div> <p class="description"> {{ .Description }} - <a href="/tags">More information...</a> </p> <div class="links"> {{ range $link := .Links }} <div class="link" style="{{ .GetBackground }}"> <a href="{{ .Link }}" style="{{ .GetLinkColor }}">{{ .Content }}</a> </div> - {{end}} + {{ end }} + <div class="link" style="--background: #000;--background-hover: #333;"> + <a href="/tags" style="--text-color: #ddd;--text-color-hover: #fff;">Tags</a> + </div> </div> </main> {{end}}
\ No newline at end of file |