flex-wrap justify-content space around

Diskutiere flex-wrap justify-content space around im CSS Forum im Bereich Programmierung; Hallo Leute; Nach dem ich den Webbrowser schmaler mache funktioniert das wrapen super so daß die Box in die nächste Zeile spring aber es springt...
  • flex-wrap justify-content space around Beitrag #1
D
Deki Blago
New member
Beiträge
3
Punkte Reaktionen
0
Hallo Leute;

Nach dem ich den Webbrowser schmaler mache funktioniert das wrapen super so daß die Box in die nächste Zeile spring aber es springt immer in die Mitte wegen space around. Was kam ich machen das es an den Anfang springt
 
  • flex-wrap justify-content space around Beitrag #3
D
Deki Blago
New member
Beiträge
3
Punkte Reaktionen
0
Du hast 4 boxen in einer flexbox die mit spacearound Abstand von einander halten und beim zuziehen des Browser Fenster springt die eine Box immer in die Mitte dabei solte sie nach links an den Anfang springen
CSS:
.container{
  max-width: 1600px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row; 
  justify-content: space-evenly;
 
}


.box
{
  width: 330px;
  height: 450px;
  margin: 25px
 
Anhänge
  • Screenshot_2021-09-11-18-17-32-002_com.teejay.trebedit.jpg
    Screenshot_2021-09-11-18-17-32-002_com.teejay.trebedit.jpg
    182,4 KB · Aufrufe: 2
  • flex-wrap justify-content space around Beitrag #4
basti1012
basti1012
Well-known member
Beiträge
242
Punkte Reaktionen
18
zeig mal deinen ganzen Code oder link zur Seite.
Wahrscheinlich steht da sowas
CSS:
    justify-content: center;
oder dein
 justify-content: space-evenly;
lösch das oder ändere das in
CSS:
    justify-content: start;
 
  • flex-wrap justify-content space around Beitrag #5
D
Deki Blago
New member
Beiträge
3
Punkte Reaktionen
0
Anhänge
  • Screenshot_2021-09-11-19-40-28-859_com.teejay.trebedit.jpg
    Screenshot_2021-09-11-19-40-28-859_com.teejay.trebedit.jpg
    245,6 KB · Aufrufe: 1
Thema:

flex-wrap justify-content space around

Oben Unten