grid style tweaks
This commit is contained in:
parent
b85e672641
commit
7b9a390d40
1 changed files with 7 additions and 6 deletions
13
style.css
13
style.css
|
@ -132,7 +132,7 @@ body.logged-in .menu-item.logged-in {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-flow: row wrap;
|
flex-flow: row wrap;
|
||||||
justify-content: space-around;
|
justify-content: space-between;
|
||||||
}
|
}
|
||||||
.the-directory .directory .person {
|
.the-directory .directory .person {
|
||||||
position: relative;
|
position: relative;
|
||||||
|
@ -144,12 +144,13 @@ body.logged-in .menu-item.logged-in {
|
||||||
|
|
||||||
@media only screen and (min-width: 768px) { /* desktop */
|
@media only screen and (min-width: 768px) { /* desktop */
|
||||||
.the-directory .directory .person {
|
.the-directory .directory .person {
|
||||||
width: 18%;
|
width: 21%;
|
||||||
padding-top: 18%;
|
padding-top: 21%;
|
||||||
|
}
|
||||||
|
|
||||||
|
.directory .person:hover .directory-name {
|
||||||
|
opacity: 1;
|
||||||
}
|
}
|
||||||
}
|
|
||||||
.directory .person:hover .directory-name {
|
|
||||||
opacity: 1;
|
|
||||||
}
|
}
|
||||||
.directory .person .directory-img {
|
.directory .person .directory-img {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
|
|
Loading…
Reference in a new issue