fbievan
/
Website-Redesign
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fixed margin issue introduced by floating image in article preview

This commit is contained in:
Gabriele Musco 2021-03-11 13:19:00 +01:00
parent 17336c6bda
commit f2f73cfe50
No known key found for this signature in database
GPG Key ID: 8539FD3454380B83
2 changed files with 17 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
assets/scss/style.scss
View File

@ -261,14 +261,14 @@ h1, h2, h3, h4, h5, h6 {
hr { display: none; } hr { display: none; }
} }
.postlistitem.card { .postlistitem.card div {
img { img {
margin: 15px auto; margin: 15px auto;
} }
} }
@media only screen and (min-width: 500px) { @media only screen and (min-width: 500px) {
.postlistitem.card { .postlistitem.card > div {
img { img {
max-width: 250px; max-width: 250px;
float: left; float: left;

6
layouts/index.html
View File

@ -7,6 +7,7 @@
{{/* pagination */}} {{/* pagination */}}
{{ range (.Paginate $postsList).Pages }} {{ range (.Paginate $postsList).Pages }}
<article class="card postlistitem {{ if .Site.Params.discreteCards }}discrete{{ end }}"> <article class="card postlistitem {{ if .Site.Params.discreteCards }}discrete{{ end }}">
<div>
<h2> <h2>
<a href="{{ .Permalink }}">{{ .Title }}</a> <a href="{{ .Permalink }}">{{ .Title }}</a>
</h2> </h2>
@ -27,8 +28,9 @@
{{ end }} {{ end }}
{{end}} {{end}}
<div class="articlePreview"> <div class="articlePreview">
{{ .Summary }} <p>{{ .Summary }}</p>
<a href="{{ .Permalink }}">Continue reading </a> <p><a href="{{ .Permalink }}">Continue reading </a></p>
</div>
</div> </div>
<hr /> <hr />
</article> </article>