Use CSS grid instead of flexbox to style the suggested pages

This commit is contained in:
Starbeamrainbowlabs 2020-07-28 21:46:39 +01:00
parent 607c9f8529
commit a497f7aea1
Signed by: sbrl
GPG Key ID: 1BE5172E637709C2
1 changed files with 2 additions and 1 deletions

View File

@ -287,7 +287,8 @@ summary { cursor: pointer; }
.similar-page-suggestions { padding: 1em 2em; background: var(--bg-page-inset); /*box-shadow: 0 0.1rem 1rem 0.3rem var(--shadow);*/ }
.similar-page-suggestions > h2 { text-align: center; }
.similar-page-suggestions-list { list-style-type: none; display: flex; flex-wrap: wrap; justify-content: space-evenly; }
.similar-page-suggestions-list { list-style-type:none;
padding: 0; display: grid; grid:auto / repeat(auto-fit, minmax(min(15em, 100%), 1fr)); justify-items: center; grid-gap: 1em; }
.comments { padding: 1em 2em; background: var(--bg-comments-1); box-shadow: 0 0.1rem 1rem 0.3rem var(--shadow); }
.comments .not-logged-in { padding: 0.3em 0.65em; background: var(--bg-comments-2); border-radius: 0.2em; font-style: italic; }