Вот такой вот пен codepen.io/cache0/pen/oZWJYJ
как сделать так, чтоб три светлых элемента располагались в 2 строки
и еще чтоб ширина и высота у них в процентах была
и еще чтоб за 50% ширины контейнера влево не залазили
как сделать так, чтоб три светлых элемента располагались в 2 строки
Картинку приложите или опишите поведение однозначно.
В Вашем примере если уменьшить окно, они и так на 2 строчки перелезают.
и еще чтоб за 50% ширины контейнера влево не залазили
Эмм... Если 3 элемента должны занимать 2 строки и их ширина задана в процентах, то сумма ширины двух из них (тех, которые на одной строчке) не должна быть больше 50%.
Возможно, все 3 надо обернуть в дополнительный контейнер с максимальной шириной 50%.