media queries

mail@pastecode.io avatar
unknown
css
4 years ago
648 B
3
Indexable
Never
/* TABLET VIEW */
@media only screen and (max-width: 720px) {
  .homeH {
    bottom: 38%;
  }

  .homeP {
    bottom: 26%;
  }

  .homeButton {
    font-size: 18px;
  }
}

/* SMALLER VIEW */
@media only screen and (max-width: 500px) {
  .homeH {
    font-size: 28px;
    bottom: 32%;
  }

  .homeP {
    font-size: 18px;
    bottom: 26%;
  }

  .homeButton {
    font-size: 18px;
  }
}

/* MOBILE VIEW */
@media only screen and (max-width: 400px) {
  .homeH {
    font-size: 28px;
    bottom: 38%;
  }

  .homeP {
    font-size: 18px;
    bottom: 26%;
  }

  .homeButton {
    font-size: 18px;
  }
}