I need help with creating a layout that involves 4 boxes. The first box (box1) should have a width of 50px on the left side, while the remaining 3 boxes should fill in the rest of the screen and be resizable. Can someone guide me on achieving this layout?
Check out this JSFiddle for reference
.box1
{
width: 50px;
height: 100px;
background: red;
float: left;
}
.box2
{
width: 25%;
height: 100px;
background: yellow;
float: left;
}
.box3
{
width: 25%;
height: 100px;
background: blue;
float: left;
}
.box4
{
width: 25%;
height: 100px;
background: green;
float: left;
}