may/1KA_F2F
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

AAI-povezave responsive popravek

Browse Source
This commit is contained in:
Nejc Kovač 2022-06-14 09:30:22 +02:00
parent 6b7a19edc6
commit ccb04c71c2
1 changed files with 15 additions and 28 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

39
frontend/simple/css/aai.css
View File

@ -202,7 +202,7 @@ header nav span.lang_switch img {
font-size: 18px; font-size: 18px;
line-height: 23px; line-height: 23px;
margin-top: 20px; margin-top: 25px;
margin-bottom: 8px; margin-bottom: 8px;
@ -212,17 +212,12 @@ header nav span.lang_switch img {
text-align: center; text-align: center;
max-width: min(254px,25%); max-width: min(254px,25%);
flex: 1;
margin-right: 25px;
} }
.povezave .col:nth-of-type(1) { .povezave .col:last-child{
margin-right: 5px; margin-right: 0px;
}
.povezave .col:nth-of-type(4) {
margin-left: 5px;
}
.povezave .col:nth-of-type(2),
.povezave .col:nth-of-type(3) {
margin-left: 5px;
margin-right: 5px;
} }
.povezave_img{ .povezave_img{
@ -242,7 +237,7 @@ header nav span.lang_switch img {
margin-top: 0px; margin-top: 0px;
margin-bottom: 25px; margin-bottom: 25px;
} }
@media screen and (max-width: 910px) { @media screen and (max-width: 955px) {
.povezave .col p { .povezave .col p {
min-height: 110px; min-height: 110px;
margin-bottom: 0px; margin-bottom: 0px;
@ -456,22 +451,14 @@ input[type=button]:hover,
} }
.povezave .col { .povezave .col {
margin: auto;
margin-top: 50px; margin-top: 50px;
width: auto; width: auto;
max-width: none; max-width: none;
}
.povezave .col:last-child{
margin-right: 25px;
}
}
.povezave .col:nth-of-type(1),
.povezave .col:nth-of-type(3) {
margin-left: 20px;
margin-right: 30px;
}
.povezave .col:nth-of-type(2),
.povezave .col:nth-of-type(4) {
margin-right: 20px;
margin-left: 0px;
}
.povezave .col p { .povezave .col p {
max-width: 392px; max-width: 392px;
@ -480,11 +467,11 @@ input[type=button]:hover,
min-height: unset; min-height: unset;
margin-bottom: 25px; margin-bottom: 25px;
} }
@media screen and (max-width: 739px) { /* @media screen and (max-width: 739px) {
.povezave .col p { .povezave .col p {
min-height: 80px; min-height: 80px;
} }
} } */
#povezave-btn { #povezave-btn {
margin: 0px auto; margin: 0px auto;