Выезжающий блок справа при клике на кнопку, проблема кнопки закрыть блок, как доработать кнопку?

о братишка ну это ты подсабил )
спасибо, бачит, первый раз слышу об таком свойстве.

А почему у меня не работало? простой же код, в ссылке иконка. Всеж должно работать.

Меню аккордеон, как решить проблему при обновлении страницы?

С этим понятно, но вопрос не в этом.
Стоит там или нет checked, ничего не меняет.

Вот зайди на пример, потом открой один из вариантов, потом нажми f5, и все варианты будут свернуты, да так и должно быть, но если ты нажмешь на тот который открыл, то заметишь что он откроет как бы и закроет сразу, то есть определит что он был открыт, но был в закрытом видео.

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

Если нужна адаптивная то вот: https://jsfiddle.net/w4euz5d2/

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

Devilz_1, вопрос адаптации был не главной, допилить 5 минут. медиа вписать.
Вопрос был про отступы.

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

а как в процентах высчитать?
странно, тогда почему пишут везде не в процентах отступы, а в px или рем.

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

А вот и тест, отступ в %, https://jsfiddle.net/om4ncpur/
И что у нас получилось, не фиксировано, сжимается !

Я так понимаю ты так от фанаря придумываешь что-то в голове и не пробуешь ))

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

Вот рабочий пример: https://jsfiddle.net/Le63nfc0/2/
Но что я заметил, если сжимать браузер, ну эмитировать более маленькое разрешение экрана, то отступы больше становятся, почему так?

Вот присмотритесь когда разрешение браузера туда сюда сжимаете.

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

Проверил на деле, https://jsfiddle.net/ad36w0u8/2/
Последние 4 блоки, чет они больше чем все остальные.
Это с таким вариантом, не могу понять что с ними не так.

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

Devilz_1, забыл в конце ноль.
мне справа нужно чтобы шли отступы.

padding: 0 40px 40px 0;

ну вот: https://jsfiddle.net/Le63nfc0/1/
и все равно не ровно )

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

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

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

Devilz_1, так и сделал ! но вышло как-то не так https://jsfiddle.net/Le63nfc0/

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

Антон Усачев, это я знаю, просто обычно пишут что грид лучше не использовать чтобы потом проблем не было. вот и не использую.

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

Антон Усачев, с чего бы это был плохой тон. через эти стили nth-child и т.д, подобные, можно задавать свой стиль блоку ! не применяя доп стили в дивах.

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 и текст, как выровнять икионку?

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


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