fix: corrige problème d'affichage sous webkit

This commit is contained in:
Kazhnuz Klappsthul 2024-02-09 10:21:00 +01:00
parent 4ffbaa9f3b
commit cc9e1c6f18
2 changed files with 14 additions and 22 deletions

View File

@ -19,23 +19,20 @@
</head>
<body>
<a href="#skip" class="visually-hidden">Skip to main content</a>
<div id="wrapper">
<a href="#skip" class="visually-hidden">Skip to main content</a>
<header>
<h1>
<a href="/" class="home-link">{{ metadata.title }}</a>
</h1>
<header>
<h1>
<a href="/" class="home-link">{{ metadata.title }}</a>
</h1>
</header>
{{ content | safe }}
<footer><a href="https://creativecommons.org/licenses/by-sa/4.0/"><img src="/img/cc-by-sa.png" /><span class="visually-hidden">Tout le contenu de cette page est sous licence Creatve Common Attribution - Partage à l'identique.</span></a></footer>
<nav>
<h2 class="visually-hidden">Top level navigation menu</h2>
</nav>
</header>
<div class="wrapper">
{{ content | safe }}
</div>
<footer><a href="https://creativecommons.org/licenses/by-sa/4.0/"><img src="/img/cc-by-sa.png" /><span class="visually-hidden">Tout le contenu de cette page est sous licence Creatve Common Attribution - Partage à l'identique.</span></a></footer>
<!-- Current page: {{ page.url | htmlBaseUrl }} -->
</body>
</html>

View File

@ -26,11 +26,9 @@
html,
body {
padding: 0;
margin: 0 auto;
min-height:100%;
font-family: var(--font-family);
color: var(--text-color);
width:800px;
}
html {
@ -90,17 +88,14 @@ a[href].header-anchor:focus,
color: #aaa;
}
.wrapper {
display:flex;
#wrapper {
margin: 0 auto;
width: 800px;
}
header {
border-radius:3px;
height:240px;
margin:12px 12px 3px;
display:flex;
align-items: center;
justify-content: center;
}
header h1 {