Core Code
Core Code Modern Dev Handbook

Framework Card Component

Responsive frameworks provide reusable card components.

Preview

Code

<style>
.card{
border:1px solid #ddd;
max-width:300px;
}

.card img{
width:100%;
height:auto;
}

.card p{
padding:10px;
}
</style>

<div class="card">
<img src="https://via.placeholder.com/400x200">
<p>Card content</p>
</div>

More RWD Frameworks Examples (8)

example Framework-style Grid System open example example Responsive Container open example example Framework Flex Layout open example example Responsive Navbar Component open example example Utility-first CSS Example open example example Framework Card Grid open example example Framework Button Styles open example example Framework Page Layout open example