challenge-landing-page-math.../assets/css/style.css

90 lines
1.5 KiB
CSS
Raw Normal View History

2022-10-12 21:49:01 +00:00
*{
margin:0;
padding:0;
box-sizing: border-box;
}
.page-header{
display: flex;
width: 100%;
2022-10-12 21:49:01 +00:00
height: 101px;
left: 0px;
top: 0px;
2022-10-12 23:25:35 +00:00
justify-content: center;
align-items: center;
2022-10-12 21:49:01 +00:00
background: #000000;
}
.header-logo{
2022-10-12 23:25:35 +00:00
width: 100%;
2022-10-12 21:49:01 +00:00
height: 43px;
}
2022-10-12 23:25:35 +00:00
.main-banner{
width: 100%;
height: auto;
}
@media screen and (max-width: 414px){
2022-10-12 23:25:35 +00:00
.desktop-hidden{
display: none;
}
2022-10-12 23:25:35 +00:00
.div-image-pc{
margin: 15% 0;
}
.image-pc{
width: 50%;
}
}
@media screen and (min-width: 415px) {
2022-10-12 23:25:35 +00:00
.mobile-hidden{
display: none;
}
2022-10-12 23:25:35 +00:00
.div-image-pc{
margin: 5% 0;
}
.image-pc{
width: 45%;
}
}
.div-title{
display: flex;
flex-direction: column;
align-items: center;
}
.title-one{
width: 100%;
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 32px;
line-height: 39px;
text-transform: uppercase;
2022-10-12 23:25:35 +00:00
text-align: center;
color: #000000;
}
.title-two{
width: 100%;
font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 48px;
line-height: 58px;
text-transform: uppercase;
2022-10-12 23:25:35 +00:00
text-align: center;
color: #000000;
}
.title-three{
width: 100%;
font-family: 'Inter';
font-style: normal;
font-weight: 400;
font-size: 16px;
line-height: 24px;
2022-10-12 23:25:35 +00:00
text-align: center;
color: #000000;
}
2022-10-12 23:25:35 +00:00
.div-image-pc{
width: 100%;
display: flex;
align-items: center;
justify-content: center;
}