I need to have on monitors with high resolution properties:

max-height: 350px; overflow-y: auto;

Not applied when the width of the monitor starts from 1000px, prescribed the following:

 .main-section__sidebar__content { width: 100%; max-height: 350px; overflow-y: auto; color: #303133; font: 14px/17px 'latoregular', sans-serif; } @media (min-widh:1000px) and (max-width:3000px){ .main-section__sidebar__content { max-height: none; overflow-y: visible; } }

I do not understand what the problem is, please tell me.

    1 answer 1

    For max-height/max-width it is worth using inherit

     @media screen and (min-width: 1000px) and (max-width:3000px) { ... max-height: inherit; ... } 

     .main-section__sidebar__content { width: 100%; max-height: 350px; overflow-y: auto; color: #303133; font: 14px/17px 'latoregular', sans-serif; } @media screen and (min-width: 1000px) and (max-width:3000px){ .main-section__sidebar__content { max-height: inherit; overflow-y: visible; } } 
     <div class="main-section__sidebar__content"> </div>

    • Earned! Thank you very much!!! - Eugene