.page-container{display:flex;flex-direction:row;height:100vh;width:100%}.main-content{display:flex;flex-grow:1}.sidebar{width:250px;background-color:#f0f0f0}.merchandise-frame{flex-grow:1}.navbar{display:none}@media (max-width:768px){.main-content,.page-container{flex-direction:column}.main-content{flex-grow:1}.navbar{display:block;width:100%;height:60px;background-color:#f0f0f0}.sidebar{display:none}.merchandise-frame{height:calc(100vh - 60px);width:100%}}