CSS prevent from resizing at a point?

Question

Hi all I am making a website and I am trying to make the width of the object to not overscale, i.e I have a body tag and I set the page width to 60% and that is fine and now I am trying to set min width of xx% so the elements will not go over each other and I am trying to stop the browser from going over that xx% and show all content on the page.

I hope someone understands what i am trying to do and will help me with this.

Thanks

Answer 1

   .example{
       max-width: 60%;
    }

    .example{
   min-width:60%;
    }

You mean max-width and min-width ?

.wrapper {
  min-width: 50em; /* Overrides max-width */
  width: 100%;
  max-width: 20em; /* Will be AT MOST 20em wide */
}