Line 3: | Line 3: | ||
} | } | ||
#main{ | #main{ | ||
− | margin-top: | + | margin-top: 46px; |
display: flex; | display: flex; | ||
flex-direction: column; | flex-direction: column; |
Revision as of 23:49, 17 October 2018
- main p{
line-height: 27px;
}
- main{
margin-top: 46px; display: flex; flex-direction: column; align-items: center;
}
- top-description
{
width: 80%; max-width: 1000px;
}
- top-zone
{
display: flex; justify-content: center; background-color: #eee; padding: 30px 0; width: 100%;
}
- my-content{
width: 80%; max-width: 1000px; padding: 0 36px; border-left: 2px solid rgb(68,114,196); margin-bottom: 100px;
}
- my-content p{
font-size: 18px; font-family: 'quicksand medium'; line-height: 30px; text-align: justify;
} .detail{
display: flex; flex-direction: column; align-items: center;
} .detail p{
width: 100%;
} .detail img{
max-width: 100%;
}
- top-pic{
width: 100%; height: 300px; background-image: url(""); background-position: center top; background-size: cover;
} .half{
display: flex; justify-content: space-around;
} .half1{
width: 45%; padding-right: 5%;
} .half2{
width: 45%;
} .half1 img{
width: 100%;
} .half2 img{
width: 100%;
}
- three{
display: flex; justify-content: space-around;
} .shadow {
box-shadow: 0px 0px 5px 1px #aaa; padding: 12px; display: flex; flex-direction: column; align-items: center; width: 100%;
} .shadow img{
max-width: 100%;
} .right{
margin-top: 20px;
}