Créer une card UI responsive en html5 et css3

Créer une card UI responsive en html5 et css3 sans utiliser le javascript.

html
css
			<article id="cardui">
    <div class="cardui_image">
        <img src="img/lcbd2.png">
    </div>

    <div class="cardui_date">
        <span class="cardui_date_jour">13</span>
        <span class="cardui_date_mois">Mai</span>
    </div>

    <div class="cardui_body">
        <div class="cardui_categorie"><a href="">Articles</a></div>
        <h1 class="cardui_titre"><a href="">Créer une card responsive UI en html5/css3</a></h1>
        <div class="cardui_soustitre">Sous titre de l'article</div>
        <p class="cardui_description">Je suis passionné par les nouvelles technologies et par le football.</p>
    </div>

    <div class="cardui_footer">
        <span class="icon icon_temps"></span>7 min
        <span class="icon icon_commentaire"></span><a href="">27 commentaires</a>
    </div>
</article>
			
		
	#cardui {
    max-width: 400px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0px 0px 20px rgba(0,0,0, 0.3);
    transition: box-shadow 0.3s;
}