Хочу прижать карточку, к правой части колонки. Вот до чего я додумался:
<div class="container">
<div class="container__testing">
<div class="continer__column">
<h1>Привет, как дела?</h1>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Doloribus, natus officia veritatis minima voluptatem tenetur reiciendis alias ipsam exercitationem beatae optio ea praesentium incidunt iusto quo autem placeat, consequatur illum.</p>
</div>
<div class="continer__column">
<div class="container__card">
<h2>Карточка</h2>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Facere saepe natus sequi autem soluta iusto est debitis accusamus iure nihil, molestias quidem odio vitae. Omnis excepturi ipsum voluptate id nobis.</p>
</div>
<div class="container__card right">
<h2>Карточка</h2>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Facere saepe natus sequi autem soluta iusto est debitis accusamus iure nihil, molestias quidem odio vitae. Omnis excepturi ipsum voluptate id nobis.</p>
</div>
<div class="container__card">
<h2>Карточка</h2>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Facere saepe natus sequi autem soluta iusto est debitis accusamus iure nihil, molestias quidem odio vitae. Omnis excepturi ipsum voluptate id nobis.</p>
</div>
</div>
</div>
</div>
body {
font-size: 20px;
}
.container {
max-width: 1350px;
margin: 0 auto;
}
.container__testing {
display: flex;
}
.continer__column {
width: 50%;
}
.container__card {
width: 240px;
}
.right {
padding-left: 65%;
}
