n.kolosnaj/Globaly-CSS-Practice
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
nkolosnjaj
2024-05-31 16:34:01 +02:00
commit f3c4a2a5be
34 changed files with 2454 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

110
style/_fifth-part.scss Normal file
View File

@@ -0,0 +1,110 @@
.fifth-part {
min-height: 100vh;
background-image: url('/assets/images/image33.jpg');
background-size: cover;
background-attachment: fixed;
position: relative;
color: white;
background-size: cover;
background-position: center;
.line2-img {
margin-bottom: 30px;
}
.headline-card-5 {
h4 {
font-style: normal;
font-weight: 500;
font-size: 24px;
line-height: 1.38462;
font-family: Merriweather;
letter-spacing: 0px;
text-align: inherit;
color: #ffffff;
margin-top: 40px;
word-wrap: break-word;
}
h2 {
text-align: center !important;
font-style: normal;
font-weight: 700;
font-size: 29px;
line-height: 1.36957;
font-family: Merriweather, serif;
letter-spacing: 0px;
text-align: inherit;
}
}
.numbers-container {
.numbers {
text-align: center;
width: 200px;
line-height: 200px;
border-radius: 50%;
border: solid 3px white;
background-color: transparent;
font-family: Merriweather;
font-weight: 400;
font-size: 61px !important;
}
.num-text {
margin: 15px 0;
font-family: Merriweather;
font-size: 22px;
line-height: 2.3em;
}
}
}
@media only screen and (min-width:768px) {
.fifth-part {
.numbers-container{
.numbers{
margin-bottom: 0px;
}
}
.headline-card-5 {
h4 {
margin-top: 0px;
}
}
min-height: 60vh;
}
}
@media only screen and (min-width:992px) {
.fifth-part {
// min-height: 70vh ;
padding-top: 100px !important;
padding-bottom: 100px !important;
padding-left: 50px !important;
padding-right: 50px !important;
.numbers-container {
.num-text {
margin: 0;
}
}
.headline-card-5 {
h2 {
font-size: 48px !important;
}
h4 {
font-size: 29px !important;
}
}
}
}