[]
CSS flex sorusu
wrapper diye bir genel div'im var.
bunun içinde de 4 tane elementim var.
bu elementler yanyana dizilsin diye wrapper'a;
display:flex;
justify-content: space-between;
yazdım.
şimdi istiyorum ki;
mobile geçtiğimde yani @media max-width:767px olduğunda;
bunların 4'ü de yanyana olmasın.
ilk 2 si yanyana, diğer 2si ise bir alt satırda yanyana denk gelsinler.
bu elemenntlere;
flex: 0 1 50%;
gibi değerler verdim ama yemedi.
bir çözümü var mıdır?
bunun içinde de 4 tane elementim var.
bu elementler yanyana dizilsin diye wrapper'a;
display:flex;
justify-content: space-between;
yazdım.
şimdi istiyorum ki;
mobile geçtiğimde yani @media max-width:767px olduğunda;
bunların 4'ü de yanyana olmasın.
ilk 2 si yanyana, diğer 2si ise bir alt satırda yanyana denk gelsinler.
bu elemenntlere;
flex: 0 1 50%;
gibi değerler verdim ama yemedi.
bir çözümü var mıdır?
Bir örnek hazırladım. Run dedikten sonra ekranın ortasından boyut değişimi yapabilirsin:
www.w3schools.com
www.w3schools.com
- gozyakansakiz (30.08.19 21:04:24)
1