[Pajalockk]

Cześć. Dopiero uczę się frontendu i mam pewien problem. Za nic nie mogę wyśrodkować tych ikonek w lewym dolnym rogu (http://prntscr.com/hh3wu2). Tak wygląda kod: http://prntscr.com/hh3xdv http://prntscr.com/hh3xg8 . Próbowałem już na wiele sposobów to zrobić i nie wychodzi (wcześniej te sposoby działały. Wie ktoś jaki jest tego powód?
#frontend #programowanie

[88roman]

@Pajalockk: przede wszystkim to wrzucaj takie rzeczy na jsfiddle bo nikomu sie nie bedzie chciało przepisywać kodu żeby sprawdzić. Po drugie masz jakikolwiek grid? Próbowałeś padding i margin?

[Pajalockk]

@88roman: Nie wiem jak te ikony tam wrzucić bo to jest cały duży plik i nie wyskakują. Tak używam gridu ale w tym przypadku mam jedną wyśrodkowaną kolumnę. Używam go np. jak chce dwie kolumny po lewej i prawej równe itd. Próbowałem margin: 0 auto; i nie zadziałało. Jak się środkuje paddingiem bo w google nie mogę znaleźć?

[88roman]

to podziel tą kolumnę na mniejsze - np:

...

[Pajalockk]

@88roman: Co mi to da?

[88roman]

<-------------col-md-5-----------------><---ikony---><-------------col-md-5----------------->

[Pajalockk]

@88roman: Ale przecież będę musiał te ikony wyśrodkować w środku kolumny "col-md-2" czy się mylę?

[88roman]

ta strona ma wyglądać dobrze tylko na Twoim monitorze? Bo jak tak to ustaw margin-left: ileś px tak żeby było na środku.
Ale jeśli chcesz żeby strona sie nie rozjeżdżała to zrób jak napisałem i dopiero wewnątrz col-md-2 ustaw margin-left.
Jak się nie zmieszczą to zmień rozmiar kolumn ale tak żeby suma ich szerokości była równa 12.
Atrybut jest już nieużywany
PS. Jak ustawiłeś przycisk "więcej" ?

[Pajalockk]

@88roman: Nie pdooba mi się to rozwiązanie. Chyba jest mało profesjonalne. Chce żeby na każdym monitorze i na urządzeniach mobilnych wyglądała dobrze. Jak w środku kolumny ustawie margin left to przy zmniejszaniu rozdzielczości nie będzie równo, a na tym mi zależy.

[88roman]

A jak ustawiłeś przycisk "więcej" ?

[Pajalockk]

@88roman: Udało się :) Pokombinowałem i to zadziałało: https://image.prntscr.com/image/ZJ0l7cUHSta9x-OpyRKjAA.png

[NuncjuszPapieski]

@Pajalockk font-size: 280% ? ( ಠ_ಠ)
Poczytaj o display:flex, to znacznie ulatwiloby centrowanie.

[Pajalockk]

@NuncjuszPapieski: Co źle z font-size?

[NuncjuszPapieski]

@Pajalockk Wielkość czcionki podawaj w px, rem lub em. W ogóle staraj się nie używać tak dużych wartości procentowych.

[Pajalockk]

@NuncjuszPapieski: Uczyłem się z kursu udemy. Tam prowadzący mówił żeby zapisywać w html w px, a potem używać procentów ponieważ później łatwiej zmienić czcionki na całej stronie przy np. dostosowaniu jej do wersji mobilnej. To jest zła praktyka?

[NuncjuszPapieski]

@Pajalockk wiesz co, nie jestem super senior front end developerem, ale jeszcze w żadnym projekcie nie spotkałem się z takim rozwiązaniem. Zazwyczaj rozmiar czcionki podaje w px lub rem, a gdy chce aby poprawnie dostosować ich wielkość na mobile to używam media querries.

[Pajalockk]

@NuncjuszPapieski: Też używam media querries i właśnie tam określam w html { font-size: 15px } dla przykładu i cała strona procentowo zmienia font-size.