» »

HTML in Flexbox

HTML in Flexbox

htmltroubles ::

Zdravo,

imam povsem začetniški problem z uporabo Flexboxa (Bootstrapa še ne znam) in bi rad nasvet oz. primere iz dobre prakse. Na tem linku je povezava do moje kode.
Kaj bi rad naredil?

    Celoten panel postavil na sredino, tako po višini, kot tudi po širini. Obsegalo naj bi 60% širine, na manjših napravah (mobitel) pa se to vidi v stolpcu. Slednje je ok.

    Kako lahko pozicioniram elemente znotraj .card, da bodo imeli enako višino?

    Kako naredim, da bodo vsi trije .card elementi imeli enako širino?

    Kako lahko naredim, da bo .img, ki v originalu ni enako velik, tu enako velik?

    Srednji .card ima v .descriptionTwo daljši tekst. Kako lahko uredim, da bo višina vedno enaka? Ali moram prilagajati širino? Verjetno ja.

    Kako lahko določim enako širino pri < 480px (povsem spodaj v css pod @media)? Sedaj imajo različno.


Končna varianta naj bi bila tole - https://codepen.io/travisw/pen/EvbKwd?
Ali je še katera boljša praksa, da namesto teh borderjev uporabljam kaj drugega? Trenutno mi to precej pomaga, ker sem začetnik. Vem, da je v Chromu Developer Tools, vendar na tem JsFiddle ni najbolj posrečeno. Ali moraš enostavno za to dobiti občutek? Kaj je dobra praksa tega dela?

Ima morda kdo nasvet, kje lahko še najdem take osnovne primere in jih poskušam posnemati?

Hvala za vse odgovore. :)

kuall ::

V bistvu rabiš responsive tabele, da bo vse lepo poravnano in enako široko in visoko.
https://css-tricks.com/accessible-simpl...
https://divtable.com/generator/
https://www.w3schools.com/cssref/tryit....

Zgodovina sprememb…

  • spremenilo: kuall ()


Vredno ogleda ...

TemaSporočilaOglediZadnje sporočilo
TemaSporočilaOglediZadnje sporočilo
!

Vse, kar ste si želeli vprašati o CSS, pa si niste upali. (strani: 1 2 3 423 24 25 26 )

Oddelek: Izdelava spletišč
1297328568 (52717) htmltroubles
»

pomoč css3/html

Oddelek: Izdelava spletišč
101224 (994) Gandalfar
»

Neznana napaka pri izdelavi spletne

Oddelek: Izdelava spletišč
443373 (2446) RockyS
»

USB 3.0 črno na belem (strani: 1 2 )

Oddelek: Novice / Diski
609873 (7193) MrStein

Več podobnih tem