Core Code
Core Code Modern Dev Handbook

Fluid Width Layout

Use percentage widths so layouts scale with screen size.

Preview

Code

<style>
.container{
width:80%;
margin:auto;
}

.box{
background:#22c55e;
color:white;
padding:20px;
}
</style>

<div class="container">
<div class="box">Fluid container</div>
</div>

More RWD Intro Examples (8)

example Viewport Meta Tag open example example Flexible Grid open example example Media Query Breakpoint open example example Mobile First Design open example example Responsive Image open example example Responsive Gallery open example example Responsive Typography open example example Responsive Page Layout open example