Uglavnom, namestio sam da sve radi kako zelim osim jedne stvari.
Stranice je responsive i sve se lepo slaze osim sto za jednu liniju teksta zelim da text bude manji kada se prikazuje na malom uredjaju, a da bude veci kada je prikaz na PC monitoru.
Probao sam ovo
.main_contact {
font-size: 1rem;
}
@include media-breakpoint-up(sm) {
.main_contact {
font-size: 2rem;
}
}
Prema dokumentaciji ovo bi trebalo da primeni veca slova ako je medij veci od SM. Medjutim, slova ostaju mala.
Probao sam i da obrnem logiku:
.main_contact {
font-size: 2rem;
}
@include media-breakpoint-down(lg) {
.main_contact {
font-size: 1rem;
}
}
Ni tako ne radi.
Gde grešim?