Autor | Zpráva | ||
---|---|---|---|
robbie Profil |
#1 · Zasláno: 1. 5. 2019, 17:22:01
Ahoj, pokusil by se mě někdo opravit, v css v responsivním obsahu menším než 640px mi nejdou vycentrovat sociální ikony a v div="article1" nejde dát za žádnou cenu obrázek na střed. Už nevím, kde je chyba. Zkusil jsem kde jakou kombinaci. Kód jsem přiložil a označil problémová místa v responsivní části css, tak jestli by prosím měl někdo čas. Děkuji moc za rady
Responsive template - živá ukázka |
||
tttt Profil * |
#2 · Zasláno: 2. 5. 2019, 11:30:20
Vlastnost
display: flex se nastavuje kontejneru a má vliv na přímé potomky, viz příklad. V ukázce #article1 ani .icons nemá nastavené display: flex , proto centrování nefunguje.
<div style='display: flex'> <div class='item'></</div> <div class='item'></div> </div> Nastav uvedeným dvěma elementům display: flex; flex-direction: column; align-items: center; a mělo by se to vycentrovat. Změní (rozbije) to zobrazení zbylého obsahu #article1 , který s tím nepočítá.
|
||
Časová prodleva: 3 dny
|
|||
robbie Profil |
#3 · Zasláno: 5. 5. 2019, 18:11:27
Děkuji. Nastavil jsem divum .article1 a .icons display: flex; flex-direction: column; align-items: center; a vše se centruje na střed.
|
||
Časová prodleva: 5 let
|
0