Commit 479cc4e2 authored by Jakob Moser's avatar Jakob Moser
Browse files

Merge branch '8-pages-break-on-screens-that-are-too-small' into 'master' 

Resolve "Pages break on screens that are "too small""

Closes #8

See merge request fachschaft/wp-theme!10
parents 5d89b4f8 446b0c8c

style.css

+18 −1
Original line number Diff line number Diff line
@@ -7,7 +7,7 @@ 
 * Author: personads :: Maximilian Müller-Eberstein (ursprüngliche Version und Design); Jakob Moser (Code-Rewrite)

 * Author URI: https://personads.me/

 *

 * Version: 1.2.1

 * Version: 1.2.2

 *

 * License: GNU General Public License v3.0

 * License URI: https://www.gnu.org/licenses/gpl-3.0.html
@@ -199,6 +199,20 @@ body > aside h2 { 
    }

}



@media (max-width: 300px) {

    body > header .logo {

        width: 200px;

        height: calc(77px*200/250);

    }

}



@media (max-width: 215px) {

    body > header .logo {

        width: 150px;

        height: calc(77px*150/250);

    }

}



/* -- Navigation bar -- */

header .nav-toggle {

    display: none;
@@ -209,6 +223,7 @@ header nav { 
    position: relative;

    vertical-align: bottom;

    text-transform: lowercase;

    hyphens: auto;

}



header nav li {
@@ -311,6 +326,7 @@ header nav li:hover > ul { 
/* ==== General styles: Articles ==== */

article {

    padding: 2em;

    hyphens: auto;

}



article .content p, article .content blockquote {
@@ -362,6 +378,7 @@ article > header h3 a, 
article:only-child {

    display: grid;

    grid-template-rows: max-content 1fr max-content;

    overflow-x: auto;

}



article:only-child > header {