Установить положение DOV на дальние концы ⇐ CSS

[Anonymous]

Я полагаю, что этот вопрос был задан ранее, так или иначе, но я не могу получить ожидаемые результаты. Два столбца, где один прилагает div с изображением, а другой - div просто текста. Я использовал шкалу преобразования , чтобы сократить div изображения, но я хочу переместить этот div в левый или далеко вправо, чтобы освободить место для текста.
онлайн -пример: https://jsfiddle.net/rxh1m6kg/1/
Как я могу переместить девта и увеличить размер текстового столбца? "Снаски">

Код: Выделить всё

 .wrapper
{
border: 1px solid rgba(255,0,0,1.0);

width: 90%;
display: grid;
grid-template-columns: auto auto;
margin: auto auto;
}

.images
{
border: 1px solid rgba(0,255,0,1.0);

margin:       auto auto;
margin-left:  10px;
margin-right: 10px;
transform: scale(0.5);
}

.images img
{
display: block;
/*top  right bottom left*/
padding: 10px 10px  10px   10px;

margin: auto auto;
transform: rotate(5deg);
}

.article
{
border: 1px solid rgba(0,0,255,1.0);
margin-top:   0;
margin-left:  10px;
margin-right: 10px;
}< /code>




[img]https://storage.googleapis.com/pod_public/1300/121017.jpg[/img]

A car, or an automobile, is a motor vehicle with wheels. Most definitions of cars state that they run primarily on roads, seat one to eight people, have four wheels, and mainly transport people rather than cargo. There are around one billion cars in use worldwide.




A car, or an automobile, is a motor vehicle with wheels. Most definitions of cars state that they run primarily on roads, seat one to eight people, have four wheels, and mainly transport people rather than cargo. There are around one billion cars in use worldwide.

[img]https://storage.googleapis.com/pod_public/1300/121017.jpg[/img]

Подробнее здесь: https://stackoverflow.com/questions/794 ... e-far-ends