Pozycja ikon font awesome

Question

Problem polega na tym, ikony fonawesome mają różną pozycję na podstronie Cheap Travel w footerze. Przesuwają się za bardzo w prawo w białych kołach. Sprawa dotyczy tylko tej jednej podstrony, na reszcie wyświetlają się normalnie, wycentrowane. Kiedy próbuję zmienić coś w css żeby nadać ikonom wycentrowanie, psuje się układ z 4 pozostałych podstron. O co dokładnie chodzi? Sprawdzałem wieloktronie css walidatorem. 

Próbowałem zrobić tak z ikonami, niestety nie działa.

position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);

Adres strony na sandboxie:

https://pre3k.csb.app/

 

 

Answer 1

Problemem jest:

.coming-up a {
padding-left: 20px
}

Polecam korzystać z narzędzi dla developerów wbudowanych w przeglądarkę.

Znalezienie twojego problemu zajęło mi 10 sekund.

Kliknij prawym przycisk na element i zbadaj, na zielono wyświetla się padding, na pomarańczowo marginesy.

Jeśli nie ten element na który klikniesz stanowi problem, możesz w devtools klikać w inne elementy, np. w rodzica danego elementu jak w tym przypadku.

Dodałeś padding-left dla elementów powyżej, zapominając, że pod coming-up a może się znajdować jeszcze coś innego,

a znajdowały się właśnie twoje ikony.

Comments

Taka pierdoła, a tak komplikuje życie. Duże piwo to za mało dobry człowieku. Dziękuję 

---

Jeśli za takie coś piwo, to byś chyba nie wydolił,

bo z doświadczenia wiem, że poszukiwanie bugów, to jeden z ważniejszych elementów tej pracy :)