Overlapping text on mobile view

highcenburg profile image Vicente G. Reyes ・1 min read

Can anyone point out where I went wrong on the media queries?

Overlapping text on mobile view


I have a mobile view issue on bootstrap wherein the texts overlap the next section enter image description here

The smallest media query I have is 768px and the screen that I'm checking is from an iPhone XS Max

@media screen and (min-width: 768px){
    .services .carousel-inner p{
    margin-top: 110px;
@media screen and (min-width:


markdown guide

Shouldn't the first media query be

max-width: 768px

instead of

min-width: 768px



Should it? Im not sure too hahaha