beppe/little_people_firebase
1
0
Fork 0
mirror of https://github.com/bvanroll/little_people_firebase.git synced 2025-08-30 20:32:39 +00:00
Code Issues Packages Projects Releases Wiki Activity

testing

Browse Source
This commit is contained in:
Beppe Vanrolleghem
2023-01-29 14:30:01 +01:00
parent 08b71d12c9
commit 6ca6b5aa7d
10 changed files with 238 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
public/css/main.css Normal file
View File

@@ -0,0 +1,54 @@
body {
padding: 2em;
}
.header {
font-size: 4em;
}
.card {margin-bottom: 7em;
width: 80%;
overflow: hidden; /* will contain if #first is longer than #second */
border: 1px;
border-style: outset;
padding: .3em;
}
.pfp {width: 40%; max-width: 45%; float:left; height: 20em;margin: 2em;}
.person {max-width: 45%;overflow: hidden; max-height: 29em;margin: 2em;}
.bio {padding: .3em; margin: .5em}
.name {
font-size: 2em;
}
.picture {
max-width: 80%;
}
.bio-item {
font-size: 1.3em;
}
.item-content {
font-size: 1em;
}
@media only screen and (max-width: 600px) {
.header {
text-align: center;
}
.card {
padding: 0em;
width: 90%;
}
.pfp {
width: 100%;
max-width: 100%;
margin: 0;
height: auto;
float: none;
}
.picture {
max-width: 100%;
}
.person {
max-width: 90%;
width: 90%;
margin: 0;
padding: 1em;
float: none;
}
}