Can someone explain why my wrapper box doesn't fill the whole screen when I use width: 100%, but it does when I use width: 100vw? I have set "width=device-width" on my page and the minimum width for the page is 1400px.
Thank you all for your assistance
[![enter image description here][1]][1] [![enter image description here][2]][2]
width:100% [1]: https://i.stack.imgur.com/SmUH9.jpg width:100vw [2]: https://i.stack.imgur.com/39kpm.jpg
@media only screen and (min-width: 1400px){
body{
min-width: 1400px;
}
.wrapper{
width: 100vw;
height: 100%;
background: var(--DarkCyan);
display: flex;
align-items: center;
}
}