Die Hauptseite hat die Klasse blog im body Element, also z.B. ".blog" statt ".single-post" verwenden.
Bei top sollte man keine % Angabe verwenden, da sich das dann je nach Länge/Höhe des Beitrags unterschiedlich auswirkt.
Für die mobilen bzw. weiteren Versionen hat das Theme einige sog. Breakpoints, für die man jeweils per sog. CSS Media Query (google) eigene Dinge definieren kann, siehe z.B. Punkt 16 in der style.css Deines Themes:
https://katies-kurzgeschichten.de/wp-content/themes/twentyfifteen/style.css
Die Standardwerte in Twenty Fifteen sind für die kleinsten Bildschirme voreingestellt und werden dann je breitere Bildschirme jeweils mit einem Media Query überlagert.
Das sind alles Wordpress-unabhängige CSS Grundlagen, vielleicht findest Du auch ein gutes YouTube Tutorial zu dem Thema o.ä.