I am currently migrating my blog to this template and have encountered a strange issue with cover images for single posts. This issue only occurs on large screens. Mobile view is fine:
Sometimes cover images are placed centered but bigger than the textarea:
Sometimes cover images are placed to the left and the css for border-radius: 8px isn't applied to the right side of the image:
Reason seems to be the CSS class "post-cover" and specifically the settings for margin: and width:. When I disable these settings everything seems to be correct:
Am I doing something wrong with the cover images? Here is an example how I integrate them:
---
title: "Phoniebox - DIY NFC Audioplayer"
date: 2022-02-20T16:51:44+01:00
slug: "/phoniebox"
series: [diy]
categories: [raspberrypi]
tags: [nfc]
cover: "images/phoniebox/banner-phoniebox.png"
description: "Dieser Post behandelt den Bau einer sogenannten Phoniebox - einem NFC-Audioplayer mit kinderleichter Bedienung."
---
I am currently migrating my blog to this template and have encountered a strange issue with cover images for single posts. This issue only occurs on large screens. Mobile view is fine:
Sometimes cover images are placed centered but bigger than the textarea:
Sometimes cover images are placed to the left and the css for
border-radius: 8px
isn't applied to the right side of the image:Reason seems to be the CSS class "post-cover" and specifically the settings for
margin:
andwidth:
. When I disable these settings everything seems to be correct:Am I doing something wrong with the cover images? Here is an example how I integrate them: