-2

On my site, I am using bootstrap with the normal container (4.0)

When I make this in to mobile size, it makes weird margins though I'm using percentages?

Code on Codepen.

Note:

#heading1 {}
#text1 {}

Are not used on the site with the issue, so please ignore them.

1
  • 1
    post your code here not link of other site.
    – Atul Kumar
    Sep 30, 2017 at 16:34

1 Answer 1

1

When you say weird margins that is not descriptive enough of the issue. From your example what I can see the text is spilling over. Its the text in the jumbotron, The font size is 4.5rem, if you reduce this in the mobile view it will not bleed past the container.

The class that I am referring to that adds the font size is:

.display-3 {
    font-size: 4.5rem;
    font-weight: 300;
    line-height: 1.1;
}

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.