File: /var/www/quadcode-site/src/style/components/management-founder.scss
.management-founder {
padding-top: 128px;
@include breakpoint-down('deskS') {
padding-top: 40px;
}
@include breakpoint-down('tabM') {
padding-top: 80px;
}
.container {
display: flex;
align-items: center;
justify-content: space-between;
@include breakpoint-down('tabM') {
flex-direction: column;
}
}
&__block-info {
max-width: 580px;
@include breakpoint-down('deskM') {
max-width: 460px;
}
@include breakpoint-down('tabM') {
max-width: none;
}
}
&__text {
margin-bottom: 24px;
@include breakpoint-down('tabM') {
margin-bottom: 16px;
}
}
&__link {
margin-bottom: 64px;
display: flex;
align-items: center;
@include breakpoint-down('tabM') {
margin-bottom: 24px;
}
}
&__link-text {
margin-right: 10px;
}
&__link-icon {
width: 34px;
height: 19px;
background: $red;
border-radius: 10px;
display: flex;
align-items: center;
justify-content: center;
}
&__name {
margin-bottom: 8px;
}
&__info {
}
&__image {
@include breakpoint-down('tabM') {
margin-top: 32px;
}
img {
width: 100%;
height: auto;
display: block;
@include breakpoint-down('deskL') {
min-width: 460px;
}
@include breakpoint-down('deskS') {
min-width: 374px;
}
}
}
}