flex overflow - blad

pytanie zadane 27 marca 2017 w HTML i CSS przez shslr Obywatel (1,310 p.)
zamknięte 27 marca 2017 przez shslr

Zdjecia maja sie przejawic ale nie kurczyc. Calosc dziala, poza jednym problemem. Nie widac pierwszego zdjecia kiedy szerokosc przegladarki sie zmniejsza. Ktos podpowie jak temu zaradzic?

Zdjecia maja wszystkie takie same wymiary. Kombinowalem z tym ale zawsze pierwsze mi znika.

Dziekuje za pomoc.

Kod html:

    <section class="flex-container">
        <img src="images/1.jpeg">
        <img src="images/2.png">
        <img src="images/3.png">
        <img src="images/4.jpeg">
        <img src="images/5.png">
   </section>

Kod sass:

.flex-container{
display: flex;
background-color: black;
flex-direction: row;
height: 200px;
max-width: 1200px;
margin: 0 auto;
justify-content: center;
align-items: center;
overflow: auto;
flex-shrink: 0;
    img{
        margin-left: 20px;
        margin-right: 20px;
    }
}

komentarz zamknięcia: Rozwiazane.

2 odpowiedzi

odpowiedź 27 marca 2017 przez Ravio Początkujący (460 p.)
wybrane 27 marca 2017 przez shslr

Najlepsza

W klasie .flex-container brakuje Ci właściwości: flex-wrap: wrap;

komentarz 27 marca 2017 przez shslr Obywatel (1,310 p.)

Dzieki za odpowiedz. Zabki kiedys przerobilem ale na to nie wpadlem. Teraz sie przesuwaja ladnie w pionie. A moglbys mi moze jeszcze powiedziec jak zrobic zeby obrazki przesuwaly sie w poziomie? Bo takie mialem zalozenie w tym projekcie.

komentarz 27 marca 2017 przez Ravio Początkujący (460 p.)

Chętnie pomogę ale musisz wrzucić kawałek screena i opisać o co dokładnie chodzi.

komentarz 27 marca 2017 przez hoktaur Pasjonat (22,250 p.)

Czasem trzeba sobie powtarzać raz na jakiś czas ;)

komentarz 27 marca 2017 przez shslr Obywatel (1,310 p.)

Tak jak widac na obrazku, scroll jest umieszczony po prawej stronie i obrazki beda sie przeswuwac a z gory na dol w pionie. A chcialbym zeby scroll byl umieszczony na dole i obrazki zeby mogly sie przesuwac w poziomie z lewej do prawej.

Dzieki za pomoc.