Issue in css at 767px

[Yash121l]

the style is not properly been applied because at 767 there is error window

[beasthellboyy]

Provide the site's link and also describe your issue in detail please @Yash121l

[Yash121l]

Actually i was just searching a sidebar for my project and then i find this when i see there live preview by cloning it i find out that there is sum issue with css the the code writer for making it responsive is not writing properly and at exactly at 767 Px it get breaks and the user see navbar like (which i show in the main fork). that is @beasthellboyy

[beasthellboyy]

isn't it working fine? @Yash121l

[Yash121l]

I dont know but it is looking like this in mine @beasthellboyy

[beasthellboyy]

change the min-width: 767px to min-width: 768px in styles.css file in the following section of code

@media screen and (min-width: 767px) {
.container {
margin-left: 7rem;
margin-right: 1.5rem;
}
.nav {
position: fixed;
left: 0;
background-color: var(--container-color);
box-shadow: 1px 0 4px hsla(228, 81%, 49%, .15);
width: 84px;
height: 100vh;
padding: 2rem;
transition: .3s;
}
.nav__logo {
display: flex;
}
.nav__logo i {
font-size: 1.25rem;
color: var(--first-color);
}
.nav__logo-name {
color: var(--title-color);
font-weight: 600;
}
.nav__logo, .nav__link {
align-items: center;
column-gap: 1rem;
}
.nav__list {
display: grid;
row-gap: 2.5rem;
margin-top: 10.5rem;
}
.nav__content {
overflow: hidden;
height: 100%;
}
.nav__toggle {
position: absolute;
width: 20px;
height: 20px;
background-color: var(--title-color);
color: #fff;
border-radius: 50%;
font-size: 1.20rem;
display: grid;
place-items: center;
top: 2rem;
right: -10px;
cursor: pointer;
transition: .4s;
}
}