1
0
mirror of https://gitlab.com/Anson-Projects/zine.git synced 2025-07-26 00:01:34 +00:00

Make site look (more) like a newspaper

This commit is contained in:
2024-02-10 20:12:38 +00:00
parent 150b4aa059
commit e77d2b9ab6
5 changed files with 660 additions and 28 deletions

39
output/style.css Normal file
View File

@@ -0,0 +1,39 @@
.cards-container {
columns: 3 280px;
/* Creates 3 columns, each at least 280px wide */
column-gap: 16px;
/* Adjusts the gap between columns */
}
.card {
break-inside: avoid-column;
/* Prevents cards from being split across columns */
margin-bottom: 8px;
/* Adds space between cards vertically */
width: 100%;
/* Ensures card fills the column width */
cursor: pointer;
}
.card-link {
text-decoration: none;
color: inherit;
display: block;
}
.card-link p {
text-decoration: none;
color: var(--h6-color);
text-align: justify;
text-justify: inter-word;
hyphens: auto;
}
body {
font-family: 'Times New Roman', serif;
}
h2 {
margin-bottom: 0;
}