Помогите.Сделал по макету страницу,но при нажатии нав происходит едет по типу кропа.Речь идет о nav. макет тренировочный
.container{ margin-left: 50px; margin-right: 50px; }
/HEADER/
.logo-span{ color: #4BCAFF; } .header-logo{ margin: 65px 0; font-size: 50pt; }
/NAV/
.nav{ background-color: #35444f; text-align: center; height: 84px; } .nav-block{ display: inline-block; padding: 25px 45px;
} .nav-block-contant{ text-decoration: none; color: white; font-size: 24pt; } .nav-block:hover{ background-color: #222f3a; transition: .2s; border: 1px solid white; height: 32px; }
/SIDE NAVIGATION/
.side { margin-top: 50px;
} .side-nav{ border: 1px solid; float: left; width: 350px; } .side-nav-block{ padding: 30px 45px; color: #495863; } .side-nav-block:hover { background-color: #dbdbdb; padding-left: 70px; transition: .3s;
} .side-nav-block-contant{ text-transform: capitalize; text-decoration: none; font-size: 30px; color: #495863; } .side-nav-block-contant:hover{ color: black; }
/Main Contant/
.main{ margin-left: 396px; } .goat{ border: 1px solid; padding: 75px 300px; } .main-contant{ padding-left: 35px; text-align: left; padding-bottom: 35px; font-size: 18pt; } .main-item{ padding-top: 50px; } .main-content{ font-size: 18px; } /FOOTER/
.footer{ background-color: #B4B7BA; margin-bottom: 15px; padding: 19px 0 19px 22px; } .footer-nav{ } .footer-nav-block{ display: inline; } .footer-nav-block-contant{ text-decoration: none; text-transform: capitalize; font-size: 28px; color: black; text-align: center; padding-right: 10px; } .footer-nav-block-contant:hover{ color: #3181A6; text-decoration: underline; transition: .2s; } .copyrighte{ float: right; padding-right: 20px; font-size: 18px; display: inline; padding-top: 5px; }
