Загрузка...

MUI5 Responsive ImageList with Grid auto-fill, React rooms images list with Material UI5

This is the 13th part of React Travel MERN Project. In this video we added rooms responsive images list in the page (section) Rooms using Material ui ImageList component. We used Container as wrapper to centralised the list and Card component for every room content. We changed the style of Material ui ImageList to make it responsive using css gird template columns.
Responsive images list
Material UI5 (MUI5)
Reactjs
Card
Container
Rating
ImageListItem
ImageListItemBar
Linear-gradient

The whole videos playlist of the project:
https://www.youtube.com/watch?v=ANZNMaBODDY&list=PLufbXXGswL_pS6rdWbDO56oiZovLWE_rs

Source Code on github:
https://github.com/codelikepro22/place-to-stay/tree/part_13
00:00 Introduction
00:46 Building Rooms images list
07:43 Making MUI5 ImageList responsive list
10:09 Introduction to the next video

Видео MUI5 Responsive ImageList with Grid auto-fill, React rooms images list with Material UI5 канала Code Like Pro
Яндекс.Метрика
Все заметки Новая заметка Страницу в заметки
Страницу в закладки Мои закладки
На информационно-развлекательном портале SALDA.WS применяются cookie-файлы. Нажимая кнопку Принять, вы подтверждаете свое согласие на их использование.
О CookiesНапомнить позжеПринять