Core Code
Core Code Modern Dev Handbook

Basic Responsive Template

A simple responsive layout with header and content.

Preview

Code

<style>
.page{
display:grid;
grid-template-rows:auto 1fr;
gap:10px;
}

.header{
background:#111827;
color:white;
padding:20px;
}

.content{
background:#e5e7eb;
padding:20px;
}
</style>

<div class="page">
<div class="header">Header</div>
<div class="content">Content area</div>
</div>

More RWD Templates Examples (8)

example Sidebar Layout Template open example example Header Navigation Template open example example Dashboard Template open example example Three Column Template open example example Card Page Template open example example Blog Layout Template open example example Hero Layout Template open example example Footer Layout Template open example