CODE EXAMPLE FOR CSS

making cards in css using flex

<div class="centered">
 
            <section class="cards">
                 
                <article class="card">
                   <p>content for card one</p>
                </article><!-- /card-one -->
 
    <article class="card">
                   <p>content for card two</p>
            </article><!-- /card-two -->
 
<article class="card">
                  <p>content for card three</p>
            </article><!-- /card-three -->
 
<article class="card">
                   <p>content for card four</p>
            </article><!-- /card-four -->
 
    </section>
</div>