Tenta corrigir versão mobile

This commit is contained in:
Hugo Peixoto 2023-07-19 03:08:30 +01:00
parent 267e6548b3
commit 92baa6a60b
2 changed files with 11 additions and 8 deletions

View File

@ -5,6 +5,7 @@
<title>{{ block "title" . }}{{ .Site.Title }}{{ end }}</title>
<link href="/styles.css" rel="stylesheet" />
<link rel="stylesheet" id="leaf-google-fonts-css" href="https://fonts.googleapis.com/css?family=Oswald:400|PT+Sans:400,700,400italic" type="text/css" media="all">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<header>

View File

@ -104,14 +104,6 @@ hr {
aside h2, .with-divider { background: url(/widget-divider.png); background-repeat: repeat-x; background-position: center; }
aside h2 span, .with-divider span { background-color: white; padding-right: 0.5rem; }
@media (max-width: 768px) {
body {
grid-template-areas: "header" "navigation" "main" "sidebar" "footer";
grid-template-columns: 1fr;
}
aside { border-left: none; padding-left: 0; }
}
.carrousel {
position: relative;
}
@ -217,3 +209,13 @@ aside h2 span, .with-divider span { background-color: white; padding-right: 0.5r
.carrousel #v4:checked ~ .carrousel-controls .carrousel-visible-control[for="v4"],
.carrousel #v5:checked ~ .carrousel-controls .carrousel-visible-control[for="v5"]
{ background-color: #C4302B !important; }
@media (max-width: 768px) {
body {
grid-template-areas: "header" "navigation" "main" "sidebar" "footer";
grid-template-columns: 1fr;
}
aside { border-left: none; padding-left: 0; }
.articles img { max-width: 100px; }
}