Адаптация блоков, чередование текст, картинка, при адаптации выглядит не красиво, как поправить?

Сергей delphinpro, вот тебе делать нечего, перечитай что я написал, проведи личный опыт, и поймешь, я пришел к этому сам, что название классов для меня не имеет значение, я не стал подробно разбирать и приводить примеры, чтобы было понятно. Хотя я выше привел пример, где можно использовать один класс, не пихать в дивы, и теги разные.

Вот это часть мне больше подходит, всегда считал, что я ничтожество и еще многое надо изучать и запоминать.

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

Адаптация блоков, чередование текст, картинка, при адаптации выглядит не красиво, как поправить?

Сергей delphinpro, давно так пишу. Уровень позволяет понимать и без описания класса.
Зачастую я применяю типа так, .m77, это маргин 70px верх, 70px вниз, или p60, padding 60 0 0 0.
Бывает так все где спереди v, верх начало сайта, все где c, центр, ну и b. это где первая буква, но так не везде. Ну или glnews, gl главная, стили для новостей которые вывожу на главной.

Ни когда не вникал что написано, логично когда я что-то ищу, то я знаю что, то я знаю название класса уже, в брайзере можно смотреть на элемент, правой кнопкой мыши, какие классы у элемента, и уже находишь в css, и все.
Я вообще ни когда не вчитывался, что там за название класса и о чем оно говорит ), я сразу лез ближе к делу, смотрел стили.

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

Ни разу имя класса мне не пригодилось и не помогло в чем-то.
Когда видишь код, нашел нужные блоки, то без названия классов, понимаешь, что тут и к чему.
Я пришел к этому пониманию с опытом. Так что я считаю так, для кого важное название класса, тот еще не дошел до этого уровня. Это не говорит об его знаниях, он может и много знать, когда много работаешь, то понимаешь как можно быстрее понимать и разбирать что либо и приходишь к более короткому пути. Бывает делает такое, что описать можно в 15-30 символов, так зачем такой класс, все мы знаем, что поисковые системы любят когда когда меньше, а текста больше.

А что насчет более современной верстки, где можно классы почти не использовать, а ловить дивы и другие предметы через >div>a и т.д, nth-child, last-child и многое другое, я часто это использую и бывает что код выглядит так.

<div class="news">
  <div>
     <div>
        <h2>Заголовок</h2>
        <span>дата</span>
     </div>
     <div>
       <a href="" title="">
          <img src="" alt="" title="" />
        </a>
     </div>
  </div>
<a href="" title="">подробнее </a>
</div>

Адаптация блоков, чередование текст, картинка, при адаптации выглядит не красиво, как поправить?

Уже прочитал (Этот же принцип применим ко всем другим значениям flex-direction, показанных ниже. Значение row-reverse. Вы можете использовать flex-direction: row-reverse, чтобы элементы в ряду отображались в обратном порядке.)

Хорошая штука, тож новое для меня.
Можно было и так поменять местами еще flex: 1;

Адаптация блоков, чередование текст, картинка, при адаптации выглядит не красиво, как поправить?

а я ни когда не выдумываю особо ), пишу что угодно в плане классов, для меня нет смысла в имени ! я и так понимаю, что смотрю.

Понял, переписал на грид. в своем примере. ну и поделил блоки чуть по другому, теперь 1 блок, это 2 блока.
Грид только начал щупать ), по этому еще изучаю.
Спасибо, работает.

Объясните мне суть этого:

.card:nth-child(4n + 4),
  .card:nth-child(4n + 3) {
    flex-direction: row-reverse;
  }

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

Вадим, кстати, пробовал так, если список селекта выходит за окно, то при выборе в списке, окно закрывает.

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

Это уже с применением js я так понимаю.

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

Вадим, да, точно ), вспомнил ! я когда-то использовал данный метод.
А об :focus-within, не знал, надо почитать об этом методе, какая у него браузерная поддержка, это что-то новое.

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

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

Значит без js не обойтись, ну может кто-то еще что-то знает, напишет, посоветует, ибо с импутом тема вроде и хорошая, но если кликнуть в пустом месте, то форму не закрывает, с импутом надо кликать туда же чтоб закрыть как и открыть.

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

Ну я все возможные варианты смотрю, и думаю что будет подходящим и лучшим.
Спасибо за примеры.

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

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

Медиа блок из 4 новостей, с разным размером блока, как релизовать?

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

Медиа блок из 4 новостей, с разным размером блока, как релизовать?

Вадим, а на грид получится, чтобы див не много было, то есть по типу как у меня, 4 блока див, а не так как делают обычным способов, что допустим в последнем блоке идет 3 и 4.

Медиа блок из 4 новостей, с разным размером блока, как релизовать?

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

Передаем id объявления в попуп окно для подтверждения удаления, как предать id?

Сергей delphinpro, Ну наконец, дельные мысли, идея хорошая.

Передаем id объявления в попуп окно для подтверждения удаления, как предать id?

Максим Тимофеев, я задал тут вопрос, как можно и как лучше реализовать, а не так что я сделал вот смотрите.

Передаем id объявления в попуп окно для подтверждения удаления, как предать id?

Сергей delphinpro, ой и на флудил не по теме.

Передаем id объявления в попуп окно для подтверждения удаления, как предать id?

Сергей delphinpro, ахаха, это явно кто-то из кураторов подправил ))))))))))))))))

Блок внутри с тремя блоками по горизонтали (flex), последний блок position: absolute;, выходит за рамки родителя, как поправить?

Максим, ну как ни как, выше постом я написал как можно по другому сделать, но надо переделывать. и можно не использовать absolute

Блок внутри с тремя блоками по горизонтали (flex), последний блок position: absolute;, выходит за рамки родителя, как поправить?

Максим, грид рано еще, процент поддержки конечно уже не малый, но я пока его не использую.

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

Блок внутри с тремя блоками по горизонтали (flex), последний блок position: absolute;, выходит за рамки родителя, как поправить?

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