Тестовая задача



HTML + CSS

Измените подключенный style.css так чтобы .grid находился в середине страницы, имел максимальную ширину 1400px

Все .item должны быть решёткой в 4 колонки, занимать всю ширину .grid, иметь пропорции 4x3 и уменьшаться пропорционально при сжатии страницы. Отступ между блоками - 20px

Минимальная ширина .item - 250px, при достижении этого предела количество колонок уменьшается, а .items снова занимают всю ширину.

Если ширина страницы становится менее 800px все .item должны стать списком.

250px




Пример - как должно получиться.

gif




PHP + JQuery

В файле script.js в функции Get() продемонстрируйте как отправить post запрос к файлу get.php c передачей произвольного массива так чтобы в get.php сработало условие получения данных.

В файле get.php покажите как правильно заполнить запрос к БД MySQL и вернуть данные в JSON формате.





Выведите сюда данные полученные из get.php в JSON.stringify()




Это всё.