nyanloutre/anna-uetwiller-architecture
1
0
Fork 0
Code Issues 1 Pull Requests Releases Wiki Activity

amélioration CSS flex

Browse Source
This commit is contained in:
nyanloutre 2020-05-12 17:15:24 +02:00
parent 02302a747e
commit 6cec47c38c
Signed by: nyanloutre
GPG Key ID: 194A92D1103ACB2A
2 changed files with 16 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
index.html
View File

@ -11,7 +11,7 @@
<ul id="navbar"> <ul id="navbar">
<li><img id="logo" src="logo.svg"></li> <li><img id="logo" src="logo.svg"></li>
<li><a href="#">Accueil</a></li> <li><a href="#">Accueil</a></li>
<li><a href="#">Réalisation de plans 2S</a></li> <li><a href="#">Réalisation de plans 2D</a></li>
<li><a href="#">Modélisation 3D</a></li> <li><a href="#">Modélisation 3D</a></li>
<li><a href="#">CV</a></li> <li><a href="#">CV</a></li>
<li><a href="#">Contact</a></li> <li><a href="#">Contact</a></li>

15
style.css
View File

@ -11,6 +11,10 @@ body {
'menu title' 'menu title'
'menu content'; 'menu content';
} }
#navbar {
height: 100vh;
position: fixed;
}
} }
@media (max-width: 900px) { @media (max-width: 900px) {
@ -27,10 +31,15 @@ body {
} }
#navbar { #navbar {
display: flex;
flex-direction: column;
align-items: center;
background-color: #eadecc; background-color: #eadecc;
list-style: none; list-style: none;
margin: 0;
margin-right: 1rem; margin-right: 1rem;
padding-top: 1rem; padding-top: 1rem;
padding-right: 1rem;
grid-area: menu; grid-area: menu;
} }
@ -65,6 +74,12 @@ h1, h2, h3 {
margin-top: 0; margin-top: 0;
} }
.galery {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.galery a img { .galery a img {
margin: 0.5rem; margin: 0.5rem;
} }