Commit 13c9939e authored by Millicent Billette's avatar Millicent Billette

Merge + mise en page titre et logo (media queries)

parent a91581cc
......@@ -8,10 +8,9 @@
</head>
<body>
<header>
<h1>Rencontre des monnaies Libres 12 à Bordeaux</h1>
<nav>
<ul>
<li><img src="logoboth.png"/></li>
<li><h1><img src="logoboth.png"/><span class="short">RML12 BDX</span><span class="long">Rencontre des monnaies Libres 12 à Bordeaux</span></h1></li>
<li><a href="#accueil">Accueil</a></li>
<li><a href="#programme">Programme</a></li>
<li><a href="#plusloin">Aller plus loin</a></li>
......
......@@ -3,18 +3,20 @@
padding: 0;
border: 0;
}
header h1{
margin: 0;
}
header img {
background: darkseagreen;
position: fixed;
display: flex;
h1 img {
height: 50px;
float: left;
}
nav li {
list-style: none;
text-wrap: none;
overflow: hidden;
white-space: nowrap;
margin: 0;
}
body {
......@@ -42,7 +44,6 @@ dd {
footer, nav ul {
position: fixed;
height: 80px;
background: linear-gradient(45deg, darkseagreen, darkseagreen 50%, whitesmoke);
display: flex;
justify-content: space-around;
......@@ -113,4 +114,14 @@ aside {
display: initial;
text-align: center;
}
}
@media (min-width: 901px) {
.short {display: none;}
}
@media (min-width: 551px) and (max-width: 900px) {
.long {display: none;}
}
@media (max-width: 550px) {
.short, .long {display: none;}
}
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment