Задание от Саши

by TemaMix

HTML

<div class='menu-item'>
    <div class='menu-item__title'>Гренки «Day»</div>
    <div class='menu-item__description'>&ensp;подаются со сливочно-чесночным соусом</div>
       <div class='menu-item__price'>180</div> 
    <div class='menu-item__weight'>173/30</div>

</div>
<div class='menu-item'>
    <div class='menu-item__title'>Гренки «Day»</div>
    <div class='menu-item__description'>&ensp;подаются со сливочно-чесночным соусом</div>
       <div class='menu-item__price'>180</div> 
    <div class='menu-item__weight'>173/30</div>

</div>

CSS

.menu-item  {
    clear:both;
    overflow:hidden;
}

.menu-item__title {
    float:left;
    min-width: 100px;
    font-weight: bold;
}
.menu-item__description {
   float:left;
}

.menu-item__weight {
    float:right;
}
.menu-item__price {
    margin-left:10px;
    float:right;
}

@media screen and (max-width: 500px) { 
    .menu-item__description {display:none;}
}