[pracuje_za_miske_ryrzu]

Czesc potrzebuje pomocy. Moze ktorys z wykopowiczow mi pomoze. ( ͡º ͜ʖ͡º)

Mam potrzebuje aby wyniki wyszukiwania byly nie w jednej kolumnie (jak nascreenie), ale w dwoch

Aktualny szablon ma taki kod: https://wtools.io/paste-code/bKlV

Podejzewam ze to kwestia jednej linijki kodu zeby to zlamac na pol, ale frontendem nie jestem :)

#technologia #programowanie #css #frontend #webdesign

[imo0mfg]

@pracuje_za_miske_ryrzu: na elemencie rodzicu tych wyników wyszukiwania:
display: flex;
flex-directionn: row;
flex-wrap: wrap;

Nie jestem frontem jak coś, ale na ile pamiętam to powino pomóc.

[Phatee]

Też nie jestem frontendem i kodzić na oślep jest trudno ale spróbuj: https://wtools.io/paste-code/bKmd
Dla zabawy sobie spróbowałam, może pomoże. Wklej jak się wyświetla to coś potweakujemy xD No i pewnie przydałoby się media query a nie da się chyba pisać ich inline w elementach.

[pracuje_za_miske_ryrzu]

@imo0mfg: dzieki, ale nie wiem co to znaczy :) moglbys w zalaczonym kodzie zaznaczyc gdzie dokladnie to dodac?

[imo0mfg]

@pracuje_za_miske_ryrzu: jezu ;_____; nie wiem co listę generuje, zgaduję, że jest to <li class="template--peopleListItem" tabindex="0"> więc w tym gdzie masz <style> pod mgt-person {zawartość} dodaj:
li.template--peopleListItem {
display: flex;
flex-directionn: row;
flex-wrap: wrap;
}

[pracuje_za_miske_ryrzu]

@Phatee: generalnie jest ok, ale chyba odstepy pomiedzy kolumnami sa za duze, bo sie tekst zawija i zle to wyglada

[Phatee]

to zmień ten width na max-width:50% w li i w ul zmień justify-content na space-around może. Tylko pytanie czy wtedy będą równo te kolumny. Pewnie tego nie naprawi ale ciężko mi tak bez podglądu jakie ustawienia css mają te elementy