Flex блоки акций, как убрать у последних блоков в строке отступ?

100% - если сделать 4 блока в ряд, это каждый блок 25%.
А как паддинг вычитать, у меня чет ни когда особо не выходило )
Это что надо понять сколько 40px, будет в процентах и потом уже вычесть из 100% ?

Flex блоки акций, как убрать у последних блоков в строке отступ?

Ага, думал тож об этом width: calc(100% / 4 - 20px);
Ток не пойму как правильно рассчитывать, допустим я хочу 40px отступ сделать снизу и справа.

Flex блоки акций, как убрать у последних блоков в строке отступ?

Второй вариант из моего примера, ну да, чет такое можно сделать. Я об этом думал, меня больше интересует почему nth-child(4n) не срабатывает.

Flex блоки акций, как убрать у последних блоков в строке отступ?

Можно не только на грид делать, но грид это новая фишка, хотя давно уже ! она не везде будет срабатывать.
а вот флекс это другое дело.

У вас очень плохой пример, зачем столько ненужных див, не понимаю, заголовок зачем обводить, потом картинку тож зачем.

Выравание по вертикали и в одну линию svg и текст, как выровнять икионку?

Нашел метод как прижать кнопку.

<a href="" title="Записаться онлайн" class="zap">Записаться онлайн</a>

.zap{
  display: block;
height: 35px;
  line-height: 35px;
  background: #F8A717;
  color:#000;
  text-align: center;
  padding: 0 20px 0 20px;
  text-transform: uppercase;
  margin-left: auto;
}

margin-left: auto; - творит чудеса, и не пришлось оборачивать три блока слева в див и саму кнопку )

Подобный пример вот тут: https://jsfiddle.net/a0hz7hp1/3/

Выравание по вертикали и в одну линию svg и текст, как выровнять икионку?

Алексей Орлов, подскажешь как с кнопкой быть? которая не в div блоке.

Выравание по вертикали и в одну линию svg и текст, как выровнять икионку?

Алексей, надо будет попробовать. а текст наезжать не будет, тогда надо будет текст во что-то оборачивать и делать отступ. надо проверить будет и посмотреть что будет.

Выравание по вертикали и в одну линию svg и текст, как выровнять икионку?

Алексей Орлов, почему ссылка ), у меня она выглядит как кнопка, значит кнопка. просто зачем див, если кнопку можно и без дива сделать ), я вот стараюсь чтобы в коде лишнего не было ) ссылке дисплай блок прописываем и ура вот и кнопка.


вот думаю теперь, как ее к правому боку присобачить, флоат ригхт не срабатывает.

Выравание по вертикали и в одну линию svg и текст, как выровнять икионку?

Алексей Орлов, а если последний блок не див, а кнопка.

<a href="" title="Записаться онлайн" class="zap">Записаться онлайн</a>

Выравание по вертикали и в одну линию svg и текст, как выровнять икионку?

Хотя нет, флоат ригх не срабатывает )

Выравание по вертикали и в одну линию svg и текст, как выровнять икионку?

Алексей Орлов, ага, точно, последний див прижем права ! ну или просто флоат ригхт применить и все.

Выравание по вертикали и в одну линию svg и текст, как выровнять икионку?

Алексей, а это как? ну я давно использую этот метод, и чет не задумывался особо что можно и по другому, особо проблем не было с i

Выравание по вертикали и в одну линию svg и текст, как выровнять икионку?

Ага по первому вопросу, сработало, точно )
По по второму так и сделано, общий блок в котором все эти 4 блока и каждый блок в диве, а если 3 блока не оборачивать в див дополнительный, я мог и обернуть, по этому я и задал вопрос чтобы не оборачивать.

Флексовое центрование по вертикали все что в блоке, логотип, меню, почему не все центрирует?

Xdevelx, уже через паддинг сделал, выход от самого высокого объекта и будет отступ.

Флексовое центрование по вертикали все что в блоке, логотип, меню, почему не все центрирует?

ⓒⓢⓢ, но через паддинг тож не дело задавать размеры блока.

Флексовое центрование по вертикали все что в блоке, логотип, меню, почему не все центрирует?

Я в теме дописал, для тех кто так не делает и не поймет че к чему )

Если кто не понял, .df стиль сделал чтобы не было дублей дисплай флекс, а просто куда надо вписываю стиль и все, ну и центрование по вертикали .fc где надо отцентрить, я вписываю стиль и все. Ну в планах так.

Флексовое центрование по вертикали все что в блоке, логотип, меню, почему не все центрирует?

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

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

profesor08, нет, спрашиваю как быть с отступами.

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

Вот такая херня выходит:

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

И почему padding: 0 50px 0 50px; не срабатывает, отсупы, у меня менюха наезжает и уходит за край.

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