Mam cztery divy z background-image obok siebie (bez odstępu) i chcę zrobić to responsywnie. Tylko problem w tym, że jeden obrazek ma width 400px i nie chcę go bardziej rozciągać żeby to ładnie wyglądało. Więc width:25%; odpada bo na dużych ekranach będzie źle wyglądało, ustawiłem na sztywno width, ale nie ma responsywności. Ma ktoś jakiś pomysł jak to można zrobić?
0
1
Jak chcesz jednocześnie responsywnie i bez przekraczania max szerokości to może
width: 25%;
max-width: 400px;
Dla tego elementu?
0
Kurde, że ja na to nie wpadłem. Dzięki w połączeniu z min-width fajnie divy chowają się w kolumnę. Tylko nie mogę sobie jeszcze poradzić z height, nie zmniejsza mi się wraz ze zmniejszaniem okna. Da się to wykonać dla background-image?
0
height: auto;
0
Działało, tylko miałem size ustawiony na cover i nie było to widoczne. hehe
A ma ktoś pomysł jak mając background-position: contain zrobić overlay. Ucina obrazek i przez overlay jest dłuższy od obrazka.