RWD - zdjęcia nie pozostają idealnie jedno pod drugim

pytanie zadane 18 czerwca 2017 w HTML i CSS przez kralcz88 Obywatel (1,810 p.)

Pomoże ktoś?

Utknąłem w końcowej części projektu (4 zdjęcia obok siebie na różowym tle - przygotowane pod slider - zawiera już strzałki). Niestety RWD tego elementu działa niepoprawnie. Chciałbym żeby dla max-width: 767px zdjęcia wyświetlały się równo jeden pod drugim (niestety teraz trochę się to rozjeżdża.) Próbowałem już na różne sposoby nad tym zapanować ale nie udało się.

Przesyłam link do projektu na githubie: https://github.com/ramarcinek/HTML_task

1 odpowiedź

odpowiedź 18 czerwca 2017 przez dwadolary Gaduła (4,650 p.)

To nie jest problem kodu, tylko zdjęć w sliderze. Są źle wykadrowane. Podejrzyj je sobie w przeglądarce, to zobaczysz, że każdy obraz ma dorobione inne marginesy z lewej i prawej. Nie mają prawa ułożyć się równo ;) Wykadruj je dokładnie i ustaw marginesy w kodzie dla klasy .img-slider. Powinno być git.

komentarz 18 czerwca 2017 przez kralcz88 Obywatel (1,810 p.)

To chyba już robota dla grafika, ja się na tym za bardzo nie znam chociaż pasowało by coś ruszyć z wiedzą z tego zakresu. Możesz polecić jakieś darmowe programy i tutoriale? :)

komentarz 18 czerwca 2017 przez dwadolary Gaduła (4,650 p.)

Z darmowych programów to pewnie Gimp będzie najlepszym wyborem na początek. W sieci jest pełno tutoriali, wystarczy poszukać. Wykadrować zdjęcie możesz w zwykłym Paincie w Windowsie, nie powinno być z tym problemu. O ile dobrze pamiętam, po otwarciu obrazu, najeżdżasz tam kursorem na krawędź i przeciągasz ;)