Помоготе найти пример?

Фин Дел, конечно. Сборщик проставляет. . Да и в новых версий сафари уже не нужны префиксы...поддержка 100%

Я поле исправил но костылем небольшим (((

Проблема была в том что у элементов изначально абсолютное позиционирование задрано и для центровки используется трансформ. Убрал и подогнал в ручну по центру - заработало ... но решение такое себе на скорую руку так сказать. В инспекторе, если интересно можно посмотреть

Помоготе найти пример?

Фин Дел, neccton.softengi.com только заметили что эта штука не хочет работать в Сафари
предположительно проблему нашел тут ему не нравиться что в начальной точке типа нет ничего:

@keyframes rotate {
  0% { 
    opacity:1;
  }
  100% {    
    opacity:1;
    transform: rotate(360deg) translate(-50%, -50%);
  }
}

Подскажи пжлст как дописать начальное значение чтобы оно крутилось....

сайт тут

Как сделать выпадающее меню для display:flex и чтобы меню при прокрутке уменьшалось в размере?

HTML: ul.dropdown-content вложите в li.dropdown1
CSS: блоку .dropdown-content не заданы координаты при абсолютном позиционировании, не заданы размеры, вложенные размеры указаны в % от родителя а у родителя по факту ноль. так же .dropdown1 не задано позиционирование выпадающий список позиционируется относительно окна, а не меню

дерзайте

Как сделать выпадающее меню для display:flex и чтобы меню при прокрутке уменьшалось в размере?

Не стоит дублировать свойства в классах content 1-2-3 вынесите повторяющиеся стили в отдельный класс и присвойте блокам.

Как сделать выпадающее меню для display:flex и чтобы меню при прокрутке уменьшалось в размере?

ilya granovskyy, в css нету стилей для классов dropdown и dropdown-content

Как правильно делить на блоки, элементы и модификаторы?

при этом в приведенной статье написано:
"вся прелесть в том, что можно вкладывать один блок в другой и даже вкладывать блоки в элементы."

Как сверстать блоки с границами?

Ankhena, туплю) спс

Как сверстать блоки с границами?

так выйдет что у блока который скрыт (то есть начиная с 9го) он должен быть в своей обертке и в ней таже у первых 4-х не будет верхней

ЗЫ. какая еще таблица))

Помоготе найти пример?

Спасибо тебе добрый человек! лови лучи позитива тебе в карму )

Помоготе найти пример?

Пашенька, благодарю за заботливость. как нарисовать круги, заскейлить и добавить им кейфреймов я знаю. вопрос не стоит в этом, на этом проекте (а их три сейчас) время ограничено, я предпочитаю внедрить уже написаное и подкрутить...

Помоготе найти пример?

4 айтема - у каждого три цветных окружности и двигаются с произвольной скоростью. я заплачу вам если сделаете за 5 мин, только если больше забираю бесплатно...

Помоготе найти пример?

Спаисбо за ответ, я не указал что тут свг и у каждой цифры свои круги...

ЗЫ у тебя наверное был трудный рабочий день, лучше отдохнуть от компа

Как масштабировать сайт под маленькие устройства?

Сорян, не догоняю...
Тебе надо чтобы сайт с минимальной шириной у боди в 480 пкс на экранах 320пкс масштабировался и вписался в размеры экрана?

Как масштабировать сайт под маленькие устройства?

А доступ есть к стилям? Почему не переписать ?
Body { min-width: 480px }

media (max-width:480px) {
min-width: auto
}

Как масштабировать сайт под маленькие устройства?

Я наверное не совсем понял, почему нельзя написать минимальную ширину для body в медиа запросе ?

media screen and (min-width: 480px) {
Body{
Min-width: 480 px
}
}

Как сверстать данный блок?

Ankhena, нуу он в проекте используется - не я решаю какие технологии юзать ))

Как сверстать данный блок?

DrWeyber, о_О эм...

Как сверстать данный блок?

Ankhena, а как в таком случае контент мне рассчитать на 5 и 7 колонок как в макете ? колонки то в % от container рассчитываются

Как сверстать данный блок?

DrWeyber, ахаха спс, братан за участие, так и решил вопрос)))) быть добру)

Как сверстать данный блок?

DrWeyber, метод найчного "тыка" вышло так тчо на экрана от 1200 до 2560 адекватно смоттрятся при таком решении...не знаю на сколько но верно )) когда колонки становятся по 50% - то по 50vw ...

.bg-v-cover-block--left {
    right: 0;
    width: calc(46vw + 25%);
}

.bg-v-cover-block--right {
    left: 0;
    width: calc(50vw - 20%);
}

@media screen and (max-width: 1200px) {
  .bg-v-cover-block--left, 
  .bg-v-cover-block--right{
      width: 50vw;
 }
}