NEW
Font size
Worksheetsflexbox
Total questions: 17
Worksheet time: 9mins
Çfarë bën property display: flex;?
Vendos elementët në mënyrë automatike
I vendos elementët në një rresht ose kolonë fleksibël
I vendos elementët në qendër vertikalisht
Ndryshon ngjyrën e sfondit
Cili është ndryshimi midis justify-content dhe align-items?
justify-content pozicionon vertikalisht, align-items horizontalisht
justify-content vendos ngjyrat, align-items fontin
justify-content pozicionon elementet horizontalisht, align-items i pozicionon vertikalisht
Nuk kanë dallim
Çfarë ndodh kur përdorim flex-direction: column;?
Elementët vendosen njëri pranë tjetrit horizontalisht
Elementët vendosen njëri nën tjetrin vertikalisht
Elementët fshihen nga faqja
Elementët rrotullohen 90°
Për çfarë shërben flex-wrap?
Për të vendosur ngjyrë tek elementët
Për të përcaktuar nëse elementët kalojnë në rresht të ri kur s’ka vend
Për të ndryshuar madhësinë e fontit
Për të vendosur hijen e elementit
Çfarë bën display: grid;?
Krijon një sistem kolonash dhe rreshtash për elementët (si tabele)
Vendos të gjithë elementët në një vijë
E fsheh elementin nga faqja
Ndryshon drejtimin e tekstit
Cili është ndryshimi midis grid-template-rows dhe grid-template-columns?
Të dyja bëjnë të njëjtën gjë
E para përcakton bhapesirat, e dyta madhësinë e elementeve
Nuk kanë lidhje me grid
E para përcakton numrin e rreshtave, e dyta numrin e kolonave
Për çfarë shërben gap në CSS Grid?
Për të ndarë tekstin nga imazhet
Për të krijuar hapesire midis rreshtave dhe kolonave
Për të ndryshuar madhësinë e elementeve
Për të vendosur ngjyrë
Cila është vlera parazgjedhur e flex-direction?(by default)
column
row-reverse
none
row
Cila është mënyra më e shpejtë për të krijuar një rrjet me 3 kolona të barabarta në CSS Grid?
grid-template-columns: repeat(3, 1fr);
grid-template-columns: 3;
grid-columns: auto;
grid-layout: equal(3);
Çfarë do të thotë vlera 1fr në CSS Grid?
Një piksel
Një përqindje
vendos rreshta dhe kolona ne menyre te barabarte ne nje hapesire te caktuar
nje font relativ
Cili është përfitimi kryesor i përdorimit të CSS Grid ndaj Flexbox?
Mund të krijojë animacione automatikisht
Lejon kontroll më të mirë mbi strukturat me dy dimensione (rreshta dhe kolona)
Krijon vetëm një rresht elementësh
Nuk ka ndonjë ndryshim midis tyre
Çfarë ndodh nëse përdorim flex-direction: row-reverse;?
Elementët shfaqen në rend të kundërt nga e djathta në të majtë
Elementët vendosen në kolonë
Elementët rrotullohen 180°
Elementët zhduken
Cila është mënyra e duhur për të krijuar një grid me 2 rreshta dhe 3 kolona?
grid-template: 2fr 3fr;
grid-rows: 2; grid-columns: 3;
grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(2, 1fr);
grid-area: 2x3;
Në Flexbox, si mund të vendosim të gjithë elementët në fund të kontejnerit vertikalisht?
justify-content: flex-end;
align-content: flex-end;
align-items: flex-end;
position: bottom;
Në CSS Grid, çfarë bën funksioni minmax()?
Krijon hapesire automatike
Pozicionon elementët në qendër
Ndryshon ngjyrën dhe madhësinë e elementit
Vendos madhësinë minimale dhe maksimale të një kolone ose rreshti
Cila është diferenca kryesore midis align-items dhe align-content?
align-items ndikon një element të vetëm, align-content gjithë div-in
align-items ndikon boshtin kryesor, align-content boshtin dytësor
align-items ndikon rreshtin e parë, align-content të fundit
Nuk kanë dallim
Për çfarë shërben funksioni repeat() në CSS Grid?
Për të përsëritur ngjyrat e sfondit
Për të përsëritur rreshta ose kolona me të njëjtën madhësi
Për të përsëritur animacione CSS
Për të përsëritur imazhe në prapavijë
