mirror of
https://github.com/Lapikud/lapikud.github.io.git
synced 2026-04-02 01:54:21 +00:00
84e45e01cb
* added partners to landing page * fixed helpdesk carousel styling in some viewport sizes
101 lines
2.0 KiB
SCSS
101 lines
2.0 KiB
SCSS
.home {
|
|
|
|
@media (max-width : 900px) {
|
|
h1 {
|
|
font-size : 3.6rem;
|
|
}
|
|
}
|
|
|
|
.logo_container {
|
|
display : flex;
|
|
flex-direction : row;
|
|
flex-wrap : wrap;
|
|
align-items : center;
|
|
justify-content : center;
|
|
text-align : center;
|
|
margin : 4rem 0;
|
|
|
|
.logo {
|
|
max-width : 60rem;
|
|
width : 100%;
|
|
padding : 0 1rem;
|
|
}
|
|
}
|
|
|
|
.lg-icon-container {
|
|
justify-content : flex-start;
|
|
align-content : flex-start;
|
|
align-items : flex-start;
|
|
margin : 0;
|
|
margin-top : 4rem;
|
|
.column {
|
|
display : flex;
|
|
flex-direction : row;
|
|
justify-content : center;
|
|
align-items : center;
|
|
align-content : flex-start;
|
|
text-align : left;
|
|
|
|
.lg-icon {
|
|
fill : #f0941d;
|
|
width : 10rem;
|
|
height : 10rem;
|
|
flex : 1;
|
|
}
|
|
|
|
div {
|
|
flex : 2;
|
|
}
|
|
}
|
|
@media (min-width : 40.0rem) {
|
|
.column {
|
|
flex-direction : column;
|
|
justify-content : flex-start;
|
|
align-items : center;
|
|
align-content : flex-start;
|
|
text-align : center;
|
|
}
|
|
}
|
|
}
|
|
.description {
|
|
margin-top : 1em;
|
|
}
|
|
@media (min-width : 40.0rem) {
|
|
.description {
|
|
margin-top : 3em;
|
|
}
|
|
}
|
|
|
|
.partners {
|
|
#partners-container {
|
|
display : flex;
|
|
flex-wrap : wrap;
|
|
justify-content : space-evenly;
|
|
align-items : center;
|
|
|
|
a {
|
|
color : #1e1e1e;
|
|
img {
|
|
max-width : 300px;
|
|
max-height : 150px;
|
|
width : 100%;
|
|
height : auto;
|
|
object-fit : scale-down;
|
|
margin : 1rem auto;
|
|
}
|
|
h4 {
|
|
text-align : center;
|
|
}
|
|
}
|
|
}
|
|
|
|
@media (max-width : 900px) {
|
|
#partners-container {
|
|
|
|
flex-direction : column
|
|
}
|
|
}
|
|
}
|
|
|
|
}
|