Responsywne divy ze zdjeciami

pytanie zadane 7 marca 2018 w HTML i CSS przez Tradereu Użytkownik (780 p.)

Witam, chciałbym uzyskać podobny efekt jak na głównej stronie pasja-informatyki.pl

6 responsoryjnych pojemników w jednej sekcji,jaki najlepszy sposób?, flex-box oraz zapytania o @media jeśli chodzi o mniejsze wersje urządzeń?

dodam że sekcja ma być na całą długość a pojemniki wyśrodkowane z marginesami jaki jest najlepszy sposób aby uzyskać ten efekt?

1 odpowiedź

odpowiedź 7 marca 2018 przez Eimens Maniak (69,240 p.)

Cześć, takie ustawienie możesz uzyskać na wiele sposobów. Zaczynając od czystego css'a z media quersie. Możesz to zrobić za pomocą flex box'a — aczkolwiek po pytaniu wnioskuję, że większa część nauki przed tobą. Osobiście większość stron wrzucam na Bootstrapa — gdzie zrobienie czegoś takiego trwa 20 sekund wraz z ustawieniem na urządzeniach mobilnych.

__

PS. Najlepszego sposobu nie ma, robisz tak jak ci jest wygodnie. ja bym ci polecił css'a wraz z media.

komentarz 7 marca 2018 przez Tradereu Użytkownik (780 p.)

Tak dokładnie, dopiero około 3 miesiące prowadzę edukacje, Jeśli chodzi o Bootstrapa rozumiem że jeśli nie mam opanowanego css i html w 100% nie muszę sobie zawracać nim głowy?

komentarz 7 marca 2018 przez Eimens Maniak (69,240 p.)

Ciężko zweryfikować, kiedy masz opanowanego na 100%. Wiesz możesz zobaczyć co to jest i w jaki sposób to ułatwi pracę. Natomiast nie korzystałbym z tego ponieważ jeszcze zaczynasz naukę. Jak będziesz czuł się pewny w kodowaniu i będziesz robił już poprawny semantycznie kod i dobry css to wtedy jak najbardziej.