Przerwa pixelowa miedzy divami

Question

skąd bierze się ta przerwa? w dev toolsach wszystko wygląda dobrze

HTML

<div class="wrapTop">
        <header>
            <div class="socialIcons">
                <i class="fa fa-facebook-square" aria-hidden="true"></i>
                <i class="fa fa-instagram" aria-hidden="true"></i>
            </div>
            <div class="hamburger">
                <span></span>
                <span></span>
                <span></span>
                <span></span>
            </div>
        </header>
        <div class="menuMobile hidden">
            <ul>
                <li class="navAktualnosci">Aktualności</li>
                <li class="navOkole">O kole</li>
                <li class="navZarzad">Zarząd</li>
                <li class="navZapiszsie">Zapisz się</li>
            </ul>
        </div>
    </div>

CSS

.wrapTop {
            top: 0;
            left: 0;
            width: 100vw;
            height: 70px;
            position: fixed;
            line-height: 73px;
        }

// dół

.menuMobile {
            
            top: 0;
            right: 0;
            height: calc(100vh - 73px);
            width: 100vw;
            background-color: rgba(255, 255, 255, 0.93);
            z-index: 2;
            transition: .5s;
        }

 

Comments

wrzuć porządny kod

---

wrzuć kod na codepen żeby można było łatwiej sobie to sprawdzić albo jeśli to stronka zapięta na jakimś adresie to daj linka. 

w dev toolsach wszystko wygląda dobrze

założę się, że gdybyś naprawdę dokładnie podebugował to znajdzie się element, który ma może jakiś niepotrzebny margin, padding, border itp. itd.

---

Złapałeś się Tomku na niepotrzebnie odkopane pytanie (:

---

hehe faktycznie... szczerze to nigdy nie patrzę na te daty :)

Answer 1

Myślę, że reset styli CSS rozwiąże problem.

HTML padding 0 margin 0.

Comments

no nie przesadzajmy... Koledze rozjeżdża się kilka divów nie od razu cała strona... nie widzę tu potrzeby globalnego tzw. resetu :)