[WIP] premier prototype du premier choix, trouver un design de boutons

This commit is contained in:
Florian Ehr 2020-12-04 13:51:36 +01:00
parent 635339aba4
commit 826d4ea2b1
2 changed files with 46 additions and 40 deletions

View file

@ -1,6 +1,4 @@
body {
border: 8px solid;
color: blue;
display: flex;
flex-direction: column;
justify-content: space-between;
@ -9,46 +7,54 @@ body {
height: 95vh;
}
header {
border: 8px solid;
color: purple;
display: flex;
flex: 1;
}
header {
color: #BF0909;
font-family: 'Special Elite', cursive;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
flex: 1;
}
#main {
display: flex;
flex: 4;
}
header a {
text-decoration: none;
color: #BF0909;
}
#content {
border: 8px solid;
color: blue;
display: flex;
flex-direction: column;
justify-content: space-around;
width: 50vw;
}
header a:hover {
color: white;
}
#text {
border: 8px solid;
font-family: 'Special Elite', cursive;
text-align: center;
color: white;
}
#main {
display: flex;
flex: 4;
}
#buttons {
border: 8px solid;
color: red;
display: flex;
justify-content: space-around;
}
#content {
display: flex;
flex-direction: column;
justify-content: space-around;
width: 50vw;
}
footer {
border: 8px solid;
color: green;
display: flex;
flex : 1;
}
#text {
font-family: 'Special Elite', cursive;
font-size: 2vw;
text-align: center;
color: white;
}
#buttons {
color: red;
display: flex;
justify-content: space-around;
}
footer {
color: green;
display: flex;
flex : 1;
}

View file

@ -10,8 +10,8 @@
</head>
<body>
<header>
<h1></h1>
<nav></nav>
<h1>Un étudiant étrange</h1>
<nav><a href='./menu.html'>Retourner au menu</a></nav>
</header>
<main id="main">
<section id="content">