Fixing-blog #6
@@ -184,4 +184,47 @@
|
||||
transform: translateY(-100px) translateX(var(--x));
|
||||
opacity: 0;
|
||||
}
|
||||
}
|
||||
|
||||
// Style for phone
|
||||
|
||||
@media (max-width: 992px) {
|
||||
.title-main {
|
||||
font-size: 3rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 768px) {
|
||||
.hero {
|
||||
height: 100vh;
|
||||
padding-top: 50px;
|
||||
}
|
||||
|
||||
.titleMain {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
.subtitle {
|
||||
font-size: 1.4rem;
|
||||
}
|
||||
|
||||
.btnPrimary {
|
||||
padding: 0.5rem 1.5rem;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
}
|
||||
|
||||
@media (max-width: 576px) {
|
||||
.title-main {
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
||||
.subtitle {
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.btn-primary {
|
||||
padding: 0.6rem 1.5rem;
|
||||
font-size: 0.9rem;
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user