border-image-outset: 1.5; /* 1.5 × 1.4rem = 2.1rem */
border: 20px solid;
.box {
max-width: 1000px;
margin: 50px auto;
display: grid;
}
header, nav, main, footer {
}
header {
grid-row: 1 / 2;
grid-column: 1 / 3;
}
nav {
grid-row: 2 / 3;
grid-column: 1 / 2;
}
main {
grid-row: 2 / 3;
grid-column: 2 / 3;
}
footer {
grid-row: 3 / 4;
grid-column: 1 / 3;
}
#outset {
width: 1000px;
background: transparent;
border: 50px solid;
border-image: url("https://image2url.com/r2/default/images/1770514237200-3d268f77-0a56-4fd5-a065-fe3c4f73c1a4.jpg") ;
margin: 200px ;
}
main