Files
Globaly-CSS-Practice/style/_sixth-part.scss
2024-06-24 07:52:54 +02:00

85 lines
1.6 KiB
SCSS
Executable File

.sixth-part {
.headline-card {
h4 {
font-family: Merriweather;
color: #31353d;
font-weight: 500;
font-size: 24px;
}
h2 {
font-family: Merriweather;
color: #31353d;
font-weight: 700;
font-size: 29px;
}
}
.profile-text {
p {
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 1.4375;
font-family: MerriweatherSans;
letter-spacing: 0px;
text-align: left;
color: #777777;
}
strong{
font-style: normal;
font-weight: 700;
font-size: 18px;
line-height: 1.27778;
font-family: Merriweather;
color: #31353d;
}
}
padding: 30px 0 80px 0;
}
@media only screen and (min-width:768px) {
.sixth-part{
.profile-card{
margin: 0;
}
padding: 50px 0 100px 0;
.profile-text{
.profile-text-p{
width: 330px ;
}
margin-bottom: 20px;
}
}
}
@media only screen and (min-width:992px) {
.sixth-part{
margin-left: 50px !important;
.headline-card{
h2 {
font-size: 48px !important;
}
h4{
font-size: 29px !important;
}
}
}
.profile{
margin-right: 82px;
}
.profile-text{
.profile-text-p{
width: 90% !important;
}
}
}