DEV Community

Vicente G. Reyes
Vicente G. Reyes

Posted on

Overlapping text on mobile view

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

0

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:

Top comments (4)

Collapse
 
darksmile92 profile image
Robin Kretzschmar

Shouldn't the first media query be

max-width: 768px

instead of

min-width: 768px

?

Collapse
 
highcenburg profile image
Vicente G. Reyes

Should it? Im not sure too hahaha

Collapse
 
highcenburg profile image
Vicente G. Reyes

Thanks, @darksmile92 !

Collapse
 
darksmile92 profile image
Robin Kretzschmar

You're welcome :)