Как закрепить flex элемент справа сверху?

162
03 февраля 2022, 17:30

В флекс каталоге есть меню и товары, как закрепить меню в правом верхнем углу так, чтобы товары обтекали его слева и снизу? https://jsfiddle.net/4roj2ced/

.catalog{ 
  display: flex; 
  flex-wrap: wrap; 
} 
 
.menu{ 
  background-color: red; 
  width: 150px; 
  height: 230px; 
   
} 
 
.product{ 
  width: 100px; 
  height: 200px; 
  background-color: blue; 
  margin: 7px; 
}
<div class="catalog"> 
  <div class="menu"></div> 
  <div class="product"></div> 
  <div class="product"></div> 
  <div class="product"></div> 
  <div class="product"></div> 
  <div class="product"></div> 
  <div class="product"></div> 
  <div class="product"></div> 
  <div class="product"></div> 
  <div class="product"></div> 
  <div class="product"></div> 
</div>

READ ALSO
Как изменить прозрачность элемента при прокрутке страницы?

Как изменить прозрачность элемента при прокрутке страницы?

Есть текст на странице, у него opacity стоит 0, и как только пользователь его увидит (к примеру прокрутит страницу) то у него должна стать opacity 1 с неким...

99
Двойное нажатие на кнопку

Двойное нажатие на кнопку

Спасибо вашему сайту за помощь

117
animation-iteration-count не работает

animation-iteration-count не работает

Не понимаю почему animation-iteration-count работает только для последней анимации?

101
Адаптив слайдера, уходящего в правую границу экрана

Адаптив слайдера, уходящего в правую границу экрана

Помогите сделать адаптив слайдера как на схеме:

139