Hello. It is necessary to make a menu that will leave on the left, but the content on the right should not crawl under the screen on the right (sorry for repeating), but proportionally changed its width. There are a lot of solutions with the push menu, but I could not find a decent one for proportionally changing the width of the content. I do not ask to do for me. Advise, if you know, ready-made solutions or how to make yourself. Thank :)

    1 answer 1

    document.querySelector('button').onclick = function() { document.querySelector('.push-menu').classList.toggle('visible') } 
     .container { display: flex; margin-top: 1em; } .push-menu { width: 0; background: #ccc; transition: all .3s; flex-shrink: 0; } .push-menu.visible { width: 100px; } .content { background: #000; flex-grow: 1; padding: 1em; color: #fff; transition: all .3s; } 
     <button>push me</button> <div class=container> <div class=push-menu></div> <div class=content>حدى تم لكون قررت ديسمبر. ما تلك الجنوب جزيرتي. بعد بلاده إحكام مساعدة أم. والقرى الأوروبي أخذ في. الجوي المتساقطة، و فقد, أعلنت الإمداد التكاليف إذ كلّ, ما كثيرة السبب بمحاولة جعل. أحكم حالية شيء عن. إذ أهّل الإنزال دون. مايو وجزر ذلك من, الأمريكية تشيكوسلوفاكيا كلا أن, وبدأت انذار ٣٠ قام. عن جهة اعلان إنطلاق, جيوب يعادل الإتفاقية فقد أن. بحق تنفّس كُلفة الجنوب في, أي كلّ جيما بالمطالبة. أضف جدول الأوروبية، ان, بـ إيو وأزيز الصفحة الشهيرة. تلك في لإعادة اللازمة واقتصار, أمّا للحكومة التجارية هذا ٣٠, الشهير تكتيكاً الدولارات دار أي. عن استبدال والعتاد الأثناء، كما. جُل وبدأت الجديدة، الأمريكي لم. ارتكبها لبلجيكا، الاندونيسية مع هذه. به، كل التحالف بريطانيا وبالتحديد،, جدول الأولية والنفيس يتم كل, و جنوب إختار السيطرة على. بين قد تُصب بالعمل مواقعها, لكون انذار العدّ أم إيو, تم وانهاء لهيمنة معزّزة هذا. دون خيار الدول الإقتصادية عل, ضرب ما وبحلول ويتّفق بمباركة.</div> </div>