CSS Media Queries Quiz

რა არის a media query?

• HTML tag

• CSS წესია, რომელიც საშუალებას გაძლევთ სხვადასხვა სტილი გამოიყენოთ სხვადასხვა მოწყობილობის ზომებისთვის

• JavaScript code

• Image format

რომელი CSS syntax არის სწორი media query სთვის?

• @media (max-width: 600px) {

  }

• screen-query(600px)

• @query { max-width: 600px }

რისთვის ვიყენებთ viewport meta tag -ს?

• ფერების დაგენერირებისთვის

• სხვადსხვა დივაისებზე ვებ გვერდის გამოჩენისთვის

• სათაურის გამოსაჩენად

თუ არ გამოვიყენებთ viewport meta tag -ს ?

• ვებ გვერდი სწორედ არ გამოჩნდება პატარა რეზოლუციაზე

• გვერდი არ ჩაიტვირთება

• ვებ გვერდის ფერები შეიცვლება

როდესაც ვიყენებთ flex-direction: column; -ს responsive -ს გასაკეთებლად ელემენტების ჰორიზონტალურად ცენტრში მოთავსებისთვის ვიყენებთ?

• justify-content : center;

• align-items: center;

• margin: 0 auto;

როდესაც ვიყენებთ flex-wrap: wrap -ს responsive -ს გასაკეთებლად ელემენტების ჰორიზონტალურად ცენტრში მოთავსებისთვის ვწერთ ---?

• justify-content : center;

• align-items: center;

• margin: 0 auto;

flex-wrap: wrap -ი ჩვენს მიერ გაწერილ დივაისის რეზოლუციას არ კითხულობს და მხოლოდ მაშინ ჩამოიტანს ელემენტს ქვევით როდესაც ვეღარ ჩაეტევა სიგანეში.

• სწორია

• არასწორია

ჩვენ შეგვიძლია პროცენტებით ვაკონტროლოთ რომელ რეზოლუციაზე რა ადგილი დაიკავოს ელემენტმა.

• სწორია

• არასწორია