Klasy w HTML5

Question

Cześć, 

Na wstępie chciałbym się przywitać, bo to mój pierwszy wpis (mam nadzieję, że nie ostatni).

Moje pytanie dotyczy 3 odcinka kursu HTML:

Dlaczego wstawiając osobne klasy do podlinkowania social media kafelki się rozbijają. Tak jakby wychodziły przed kafelek na którym ma być link. Jeżeli użyję jednej klasy np:

a.social
{
    color: #ffffff;
    text-decoration: none;
    display: block;
    width: 105px;
    height: 142px;
}

wszystko jest ok, ale jeżeli dla każdego serwisu zrobię osobny (odpowiednio go linkując w głównym pliku z kodem) to kafelki się "rozjeżdżają", np robię taką klasę jak poniżej tylko dla twittera, g+, youtube.

a.fb
{
    color: #ffffff;
    text-decoration: none;
    display: block;
    width: 105px;
    height: 142px;
}

Z góry dziękuję za odpowiedź i pozdrawiam wszystkich :)

Comments

Najlepiej wrzuc caly html i css na jakis codepen. Wtedy bedziemy dokladnie widziec w czym problem ;)

https://codepen.io/#

Answer 1

Jak mi coś się rozwala to dodaję do selektora właściwość outline: 1px dashed red; a także kolejnym elementom oraz do elementu rodzica to samo tyle, że do każdego innym kolorem i od razu widzę co jest nie tak.