mirror of
https://github.com/Lapikud/lapikud.github.io.git
synced 2026-03-21 12:37:49 +00:00
half mentors updated, few requires images and description
This commit is contained in:
208
_sass/home.scss
208
_sass/home.scss
@@ -1,104 +1,104 @@
|
||||
.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 : 50px 90px;
|
||||
}
|
||||
}
|
||||
|
||||
.lg-icon-container {
|
||||
justify-content : flex-start;
|
||||
align-content : flex-start;
|
||||
align-items : flex-start;
|
||||
margin : 0;
|
||||
margin-top : 4rem;
|
||||
display:flex;
|
||||
|
||||
a {
|
||||
flex-direction : row;
|
||||
justify-content : center;
|
||||
align-items : center;
|
||||
align-content : flex-start;
|
||||
text-align : center;
|
||||
margin : auto;
|
||||
flex : 2;
|
||||
|
||||
.lg-icon {
|
||||
fill : #f0941d;
|
||||
width : 10rem;
|
||||
height : 10rem;
|
||||
flex : 1;
|
||||
}
|
||||
|
||||
.regularText {
|
||||
color: #1e1e1e;
|
||||
}
|
||||
}
|
||||
|
||||
@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
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
.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 : 50px 90px;
|
||||
}
|
||||
}
|
||||
|
||||
.lg-icon-container {
|
||||
justify-content : flex-start;
|
||||
align-content : flex-start;
|
||||
align-items : flex-start;
|
||||
margin : 0;
|
||||
margin-top : 4rem;
|
||||
display:flex;
|
||||
|
||||
a {
|
||||
flex-direction : row;
|
||||
justify-content : center;
|
||||
align-items : center;
|
||||
align-content : flex-start;
|
||||
text-align : center;
|
||||
margin : auto;
|
||||
flex : 2;
|
||||
|
||||
.lg-icon {
|
||||
fill : #f0941d;
|
||||
width : 10rem;
|
||||
height : 10rem;
|
||||
flex : 1;
|
||||
}
|
||||
|
||||
.regularText {
|
||||
color: #1e1e1e;
|
||||
}
|
||||
}
|
||||
|
||||
@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
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user