Amélioration mise en page

This commit is contained in:
Jean-Marie Favreau 2024-04-15 22:45:36 +02:00
parent 88c76a2a78
commit 37393eea13
2 changed files with 18 additions and 4 deletions

View File

@ -628,6 +628,11 @@ form [role="button"] {
grid-column-gap: var(--nav-element-spacing-vertical);
grid-template-columns: auto 25%;
}
.grid.two-columns-2 {
grid-column-gap: var(--nav-element-spacing-vertical);
grid-template-columns: 30% auto;
align-items: center;
}
}
aside nav a.selected {
@ -786,4 +791,12 @@ table .buttons {
display: flex;
flex: auto;
gap: 0.4em;
}
.image {
text-align: center;
img {
width: 800px;
margin: 4em auto;
}
}

View File

@ -10,7 +10,7 @@
{% block title %}
Y'a un pépin
Y'a un pépin ({{ error }})
{% endblock %}
@ -20,10 +20,11 @@ Y'a un pépin
<header>
<h1>Y'a un pépin (erreur {{ error }})</h1>
</header>
<p>On a rencontré un pépin en cherchant la page que tu as demandé&nbsp;! N'hésites pas à <a href="{% url 'contact' %}">nous signaler
<div class="grid two-columns-2">
<p>On a rencontré un pépin en cherchant la page que tu as demandé&nbsp;! N'hésites pas à <a href="{% url 'contact' %}">nous signaler
tout ça</a> si tu penses qu'il y a un bug dans la compote.</p>
<div style="text-align: center"><img src="{% static 'images/pommes.svg' %}" style="width: 800px; margin: auto" /></div>
<div class="image"><img src="{% static 'images/pommes.svg' %}" alt="quelques pommes et leur pépins" /></div>
</div>
</article>