fix(articles): fix style

This commit is contained in:
Matthieu Bessat 2024-03-15 23:27:14 +01:00
parent 9946d619ff
commit 03e24bb46a
4 changed files with 16 additions and 6 deletions

View file

@ -135,5 +135,14 @@
width: 100%;
}
}
}
@media (max-width: $md-breakpoint) {
.article__featured-image {
margin: 0;
margin-top: 1rem;
img {
aspect-ratio: initial;
}
}
}

View file

@ -7,9 +7,10 @@
border-bottom: 1px solid rgba(0, 0, 0, 0.2);
padding: 1rem 0rem;
margin-bottom: 1rem;
min-height: 10rem;
display: grid;
grid-template-columns: 33% 1fr;
grid-template-columns: 1fr 1fr;
grid-column-gap: 2rem;
}

View file

@ -3,7 +3,7 @@ languageCode = 'fr'
defaultContentLanguage = 'fr'
title = "L'Étoile de Bethléem"
summaryLength = 50
summaryLength = 22
assetDir = "assets"
minifyOutput = false

View file

@ -17,7 +17,7 @@
{{ if .Params.featured_image }}
{{ $featuredImage = .Resources.GetMatch (.Params.featured_image.src | safeURL) }}
{{ end }}
{{ $featuredImage := $featuredImage.Fill "400x300 Center" }}
{{ $featuredImage := $featuredImage.Fill "465x348 Center" }}
<figure>
<img alt="" src="{{ $featuredImage.RelPermalink }}" />
{{ with .Params.featured_image.caption }}
@ -32,7 +32,7 @@
<a
href="{{ .RelPermalink }}"
>
{{.Title }}
{{ .Title }}
</a>
</h2>
<p class="news-item__date">
@ -42,7 +42,7 @@
</time>
</p>
<div class="news-item__summary">
{{ .Summary }}...
{{ .Summary }}
</div>
</div>
</li>