У нас есть гибкий контейнер с 2 дочерними элементами.
Когда мы изменяем размер окна и один из обложек гибких элементов, у нас есть каждый элемент в своей строке.
Это какой-нибудь селектор, например :when-alone-in-row?
.flex-parent {flex-flow: row wrap}
.flex-child
.flex-child
Нет, селектор не похож на :when-alone-in-row.
Однако, если вы хотите выбрать первый и последний элементы из группы братьев и сестер (что будет иметь место здесь, так как вы имеете дело только с двумя элементами гибкости), вы можете использовать :first-child и :last-child псевдоклассы.
Конечно, стили, применяемые этими селекторами, будут работать, даже если оба элемента находятся в одной строке, если они не применяются в запросе на медиа.
Если он всегда сжимается с одинаковым размером экрана, вы можете использовать медиа-запросы для настройки стилей, когда они находятся в их собственной строке.
Если нет, возможно, также стоит использовать медиа-запросы для свертывания, поэтому вы можете лучше управлять своими строками/столбцами.