Wpis z mikrobloga

Chcę w gridzie wyświetlić responsywne kontenery, tak aby każdy kontener był kwadratem. W kontenerze znajduje się zdjęcie o arbitralnym rozmiarze, które chcę przyciąć do responsywnego rozmiaru kontenera (wypełnić kontener). No i mam problem z przycięciem obrazka, bo obrazek narzuca rozmiar kontenerowi, zamiast się do niego dostosować.

Tutaj link: https://jsfiddle.net/z632yefd/

Po odkomentowaniu display: none kontenery stają się kwadratami, takimi jakich oczekuję. Chcę, aby obrazek był tego samego rozmiaru co kontener.

Ma ktoś na to pomysł?

#css #frontend #webdev
  • 7
@ToJestNiepojete: a jeśli chcesz zrobić to responsywnie to nie jest rozsadniej dzielic według %?

W sensie na małej szerokości niech będzie 1 element na stronie i 100% width, na średniej niech bedą np 2 elementy i 50% width, na dużej niech beda np 4 elementy na wiersz i 25% na obrazek?