Responsive Header issues
Hi guys , i am new to web dev , and i am just facing a responsiveness problem for my testing header , when i set the mobile view , the header is just messed up and cut off from the right without filling all the browser width. please check the pictures and the appropriate code.
N.B : i tested to make the width to 100% in media queries
header{
background-color: $color1;
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 3%;
min-height: 15vh;
position: relative;
@include mobile {
width: 100vw;
}
N.B : i tested to make the width to 100% in media queries
header{
background-color: $color1;
display: flex;
align-items: center;
justify-content: space-between;
padding: 10px 3%;
min-height: 15vh;
position: relative;
@include mobile {
width: 100vw;
}
