tod
/
odin-flex
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Completed exercise 06

This commit is contained in:
NetMan 2023-12-29 17:57:35 +01:00
parent a1c76bfe40
commit ee1682f8ea
1 changed files with 37 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

37
06-flex-layout/style.css
View File

@ -5,6 +5,8 @@ body {
margin: 0; margin: 0;
overflow: hidden; overflow: hidden;
font-family: Roboto, sans-serif; font-family: Roboto, sans-serif;
display: flex;
flex-direction: column;
} }
img { img {
@ -16,6 +18,7 @@ button {
border: none; border: none;
border-radius: 8px; border-radius: 8px;
background: #eee; background: #eee;
padding: 8px 12px;
} }
input { input {
@ -25,3 +28,37 @@ input {
width: 400px; width: 400px;
margin-bottom: 16px; margin-bottom: 16px;
} }
ul {
list-style: none;
display: flex;
padding: 0;
gap: 15px;
}
a {
text-decoration: none;
color: #444;
}
.right-links {
margin-left: auto;
}
.content {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
.header, .footer {
display: flex;
padding: 0 12px;
}
.footer {
background-color: #eee;
}