fr
/
web
forked from kittv/web
1
0
Fork 0

Základy responzivity

content
Emil Miler 4 years ago
parent ba24471e6c
commit 21c4d5bbcb

@ -464,21 +464,23 @@ footer {
ul { ul {
display: flex; display: flex;
justify-content: center; justify-content: center;
flex-wrap: wrap;
a { padding: 1em } a {
padding: .5em 1em;
display: inline-block;
}
a:hover{ text-decoration: underline } a:hover{ text-decoration: underline }
li::after { li::after {
content: "\007C"; content: "\007C";
color: #4C566A; color: #4C566A;
} }
li:last-child::after { li:last-child::after { display: none }
display: none;
}
} }
} }
} }
div.rambotron { .rambotron {
width: 100%; width: 100%;
text-align: center; text-align: center;
color: #ECEFF4; color: #ECEFF4;
@ -494,6 +496,7 @@ div.rambotron {
p { p {
max-width: 40em; max-width: 40em;
margin: 0 auto; margin: 0 auto;
padding: 0 1em;
line-height: 1.5; line-height: 1.5;
font-size: .9rem; font-size: .9rem;
} }
@ -505,6 +508,7 @@ div.rambotron {
ul { ul {
display: flex; display: flex;
justify-content: center; justify-content: center;
flex-wrap: wrap;
a { a {
display: block; display: block;
@ -519,7 +523,7 @@ div.rambotron {
} }
} }
div.breadcrumbs { .breadcrumbs {
border-top: 1px solid $light-blue; border-top: 1px solid $light-blue;
font-size: .9em; font-size: .9em;
@ -577,3 +581,20 @@ table {
border-collapse: collapse; border-collapse: collapse;
border-spacing: 0; border-spacing: 0;
} }
@media screen and (max-width: 950px){
main .blocks { grid-template-columns: 1fr }
main .websites { grid-template-columns: 1fr 1fr 1fr }
main .people-list .group { grid-template-columns: 1fr }
}
@media screen and (max-width: 640px){
main .websites { grid-template-columns: 1fr 1fr }
.rambotron {
.links ul {
flex-direction: column;
a { margin: 0 }
}
}
}

Loading…
Cancel
Save