ewee

Как растянуть фоновое изображение чтобы оно не потеряло качество?

Помогите нормально уложить меню и подвал сделать во всю ширину index.js site.html styl.css

можете помочь исправить? у меня эта команда убирает отступ внизу, а мне надо что с шапкой было вместе что бы не было промежутка

Код меню * {box-sizing: border-box;} nav { display: ; } ul { list-style: none; margin: 0 px; padding: 0px; } a { text-decoration: none; outline: none; } .topmenu { -webkit-backface-visibility:border-box ; -moz-backface-visibility:border-box ; backface-visibility:border-box ; position: relative; background: #003559 ;rgba(255,255,255,.8) margin: 0 px; padding: 0px; } .topmenu:before, .topmenu:after { content: ""; display: table; clear: both; } .topmenu li { display: inline-block; position: relative; } .link { font-family: 'Exo 2', sans-serif; display: block; height: 70px; line-height: 70px; padding: 0 70px; font-weight: bold; color: rgba(255,255,255,.8);#003559 text-transform: uppercase; -webkit-transition: color 0.4s ease-in-out; -moz-transition: color 0.4s ease-in-out; -o-transition: color 0.4s ease-in-out; transition: color 0.4s ease-in-out; } .down:after { content:"\f107"; font-family: FontAwesome; } .link:hover { color: #E6855F; } .submenu { background: white ; border: 2px solid #003559; position: absolute; left: 55; visibility: hidden; opacity: 0; z-index: 10; width: 150px; -webkit-transform: perspective(600px) rotateX(-90deg); -moz-transform: perspective(600px) rotateX(-90deg); -ms-transform: perspective(600px) rotateX(-90deg); transform: perspective(600px) rotateX(-90deg); -webkit-transform-origin: 0% 0%; -moz-transform-origin: 0% 0%; -ms-transform-origin: 0% 0%; transform-origin: 0% 0%; -webkit-transition: color 0.4s ease-in-out; -moz-transition: color 0.4s ease-in-out; -o-transition: color 0.4s ease-in-out; transition: 0.6s ease-in-out; margin: 0 px; padding: 0px; } .submenu > li { display: block; } .topmenu li:hover > .submenu{ visibility: visible; opacity: 1; -webkit-transform: perspective(600px) rotateX(0deg); -moz-transform: perspective(600px) rotateX(0deg); -ms-transform: perspective(600px) rotateX(0deg); transform: perspective(600px) rotateX(0deg); } .submenu li a { display: block; color: #7f7f7f; font-size: 13px; line-height: 36px; padding: 0 25px; font-family: 'Kurale', serif; } .submenu li a:hover { color: #003559; } index.js site.html styl.css

Не могу убрать отступ от меню до шапки вообще не как все перепробовал, но я не очень шарю https://gyazo.com/c4d35eea66b03d4011578bab66670504