Responsiveness

This commit is contained in:
Éloi Rivard 2020-10-21 11:30:26 +02:00
parent d75e98d921
commit 74f612b687
2 changed files with 70 additions and 58 deletions

View file

@ -1,12 +1,23 @@
body {
background: #F8F8F8;
@media only screen and (min-width: 1200px) {
.ui.ui.ui.container:not(.fluid) {
width: 770px;
margin-left: auto;
margin-right: auto;
}
}
.container {
@media only screen and (min-width: 992px) and (max-width: 1200px) {
.ui.ui.ui.container:not(.fluid) {
width: 790px;
margin-left: auto;
margin-right: auto;
}
}
body {
background: #F8F8F8;
padding: 1em;
min-width: 320px;
max-width: 800px;
margin: auto;
}
.logo img{

View file

@ -21,10 +21,9 @@
</head>
<body>
<div class="container">
{% block menu %}
{% if user and menu %}
<nav class="ui stackable labeled icon menu">
<nav class="ui stackable labeled icon menu container">
{% if logo_url %}
<div class="header item">
<a href="/" class="logo">
@ -75,6 +74,8 @@
</nav>
{% endif %}
{% endblock %}
<div class="ui container">
<div class="content">
{% block content %}{% endblock %}
</div>