Problem resizing simple boot cover template

Question

I can't find a way to slightly increase the width of the bootstrap cover template. Increasing the size in css to @media doesn't change anything.

I guess this is simple but I don't know how to do it. Sorry for my incompetence!

Answer 1

In this templatehttps://getbootstrap.com/docs/4.0/examples/cover/, in the cover.css file, you will find the limit of the container width The factor is this CSS rule: (I got this by inspecting the DOM in dev tools).

.cover-container {
    max-width: 42em;
}

So change it to a larger max-width