Difference between revisions of "User:Felix/Test.css"
Jump to navigation
Jump to search
imported>Felix |
imported>Felix |
||
| Line 7: | Line 7: | ||
height: 2em; | height: 2em; | ||
} | } | ||
| − | + | /* #name { | |
order:1; | order:1; | ||
width: 100%; | width: 100%; | ||
| Line 27: | Line 27: | ||
margin: 0 !important; | margin: 0 !important; | ||
position: relative; | position: relative; | ||
| + | }*/ | ||
| + | } | ||
| + | @media only screen and (max-width: 600px) { | ||
| + | #name { | ||
| + | order:1; | ||
| + | width: 100%; | ||
| + | } | ||
| + | #glyphs1, #glyphs2 { | ||
| + | align-content: center; | ||
| + | align-items: center; | ||
| + | display: flex; | ||
| + | justify-content: center; | ||
| + | top: -0.75em; | ||
| + | } | ||
| + | #glyphs1 { | ||
| + | order:2; | ||
| + | } | ||
| + | #glyphs2 { | ||
| + | order:3; | ||
} | } | ||
} | } | ||
Revision as of 00:00, 13 September 2016
@media only screen and (max-width: 730px) {
#left {
min-width: 100%;
border-right: 0;
}
#header {
height: 2em;
}
/* #name {
order:1;
width: 100%;
}
#glyphs1, #glyphs2 {
align-content: center;
align-items: center;
display: flex;
justify-content: center;
top: -0.75em;
}
#glyphs1 {
order:2;
}
#glyphs2 {
order:3;
}
.headbit {
margin: 0 !important;
position: relative;
}*/
}
@media only screen and (max-width: 600px) {
#name {
order:1;
width: 100%;
}
#glyphs1, #glyphs2 {
align-content: center;
align-items: center;
display: flex;
justify-content: center;
top: -0.75em;
}
#glyphs1 {
order:2;
}
#glyphs2 {
order:3;
}
}