Как прижать карточку к концу?

Question

[s1zen]

Хочу прижать карточку, к правой части колонки. Вот до чего я додумался:

<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%;
}

Comments

[Ankhena]

65% это очень мило. Если вы уверены, что 65% + 240px в сумме дадут не больше 100%.

1. margin-left: auto;
2. flex колонками и align-self
3. grid и justify-self

ещё как-нибудь.

Answer 1

[Danny Arty]

Какую именно? Их там 3? Правильно ли я понимаю, что надо чтобы 1-ая и 3-ая были в левой стороне родительского блока, а 2-ая в правой?