import * as React from "react"; import ImageList from "@mui/material/ImageList"; import ImageListItem from "@mui/material/ImageListItem"; import useMediaQuery from "@mui/material/useMediaQuery"; import { createTheme, StyledEngineProvider, ThemeProvider, } from "@mui/material/styles"; import "./quiltedImageList.css"; import { Box, Grid } from "@mui/material"; export default function StandardImageList() { const isSmallScreen = useMediaQuery(theme.breakpoints.down("sm")); const isLargeScreen = useMediaQuery(theme.breakpoints.down("xl")); return ( {itemData.map((item) => ( {item.title} console.log(item.title)} /* change to onClick => Feed*/ loading="lazy" /> ))} ); } const theme = createTheme({ breakpoints: { values: { xs: 0, sm: 1000, md: 650, lg: 768, xl: 1200, }, }, }); const itemData = [ { img: "/assets/images/BirdLogin.jpg", title: "Bird" }, { img: "../../assets/images/BirdsSky.jpg", title: "Bird Sky" }, { img: "../../assets/images/evening.jpg", title: "Evening" }, { img: "../../assets/images/PortraitForestAndStreet.jpg", title: "Forest" }, { img: "../../assets/images/IceBirdLogin.jpg", title: "Ice Bird" }, { img: "../../assets/images/SummerOwlSignup.jpg", title: "Summer Owl" }, { img: "https://images.unsplash.com/photo-1551963831-b3b1ca40c98e", title: "Breakfast", }, { img: "https://images.unsplash.com/photo-1551782450-a2132b4ba21d", title: "Burger", }, { img: "https://images.unsplash.com/photo-1522770179533-24471fcdba45", title: "Camera", }, { img: "https://images.unsplash.com/photo-1444418776041-9c7e33cc5a9c", title: "Coffee", }, { img: "https://images.unsplash.com/photo-1533827432537-70133748f5c8", title: "Hats", }, { img: "https://images.unsplash.com/photo-1558642452-9d2a7deb7f62", title: "Honey", }, { img: "https://images.unsplash.com/photo-1516802273409-68526ee1bdd6", title: "Basketball", }, { img: "https://images.unsplash.com/photo-1518756131217-31eb79b20e8f", title: "Fern", }, { img: "https://images.unsplash.com/photo-1597645587822-e99fa5d45d25", title: "Mushrooms", }, { img: "https://images.unsplash.com/photo-1567306301408-9b74779a11af", title: "Tomato basil", }, { img: "https://images.unsplash.com/photo-1471357674240-e1a485acb3e1", title: "Sea star", }, { img: "https://images.unsplash.com/photo-1589118949245-7d38baf380d6", title: "Bike", }, { img: "https://images.unsplash.com/photo-1551963831-b3b1ca40c98e", title: "Breakfast", }, { img: "https://images.unsplash.com/photo-1551782450-a2132b4ba21d", title: "Burger", }, { img: "https://images.unsplash.com/photo-1522770179533-24471fcdba45", title: "Camera", }, { img: "https://images.unsplash.com/photo-1444418776041-9c7e33cc5a9c", title: "Coffee", }, { img: "https://images.unsplash.com/photo-1533827432537-70133748f5c8", title: "Hats", }, { img: "https://images.unsplash.com/photo-1558642452-9d2a7deb7f62", title: "Honey", }, { img: "https://images.unsplash.com/photo-1516802273409-68526ee1bdd6", title: "Basketball", }, { img: "https://images.unsplash.com/photo-1518756131217-31eb79b20e8f", title: "Fern", }, { img: "https://images.unsplash.com/photo-1597645587822-e99fa5d45d25", title: "Mushrooms", }, { img: "https://images.unsplash.com/photo-1567306301408-9b74779a11af", title: "Tomato basil", }, { img: "https://images.unsplash.com/photo-1471357674240-e1a485acb3e1", title: "Sea star", }, { img: "https://images.unsplash.com/photo-1589118949245-7d38baf380d6", title: "Bike", }, { img: "https://images.unsplash.com/photo-1551963831-b3b1ca40c98e", title: "Breakfast", }, { img: "https://images.unsplash.com/photo-1551782450-a2132b4ba21d", title: "Burger", }, { img: "https://images.unsplash.com/photo-1522770179533-24471fcdba45", title: "Camera", }, { img: "https://images.unsplash.com/photo-1444418776041-9c7e33cc5a9c", title: "Coffee", }, { img: "https://images.unsplash.com/photo-1533827432537-70133748f5c8", title: "Hats", }, { img: "https://images.unsplash.com/photo-1558642452-9d2a7deb7f62", title: "Honey", }, { img: "https://images.unsplash.com/photo-1516802273409-68526ee1bdd6", title: "Basketball", }, { img: "https://images.unsplash.com/photo-1518756131217-31eb79b20e8f", title: "Fern", }, { img: "https://images.unsplash.com/photo-1597645587822-e99fa5d45d25", title: "Mushrooms", }, { img: "https://images.unsplash.com/photo-1567306301408-9b74779a11af", title: "Tomato basil", }, { img: "https://images.unsplash.com/photo-1471357674240-e1a485acb3e1", title: "Sea star", }, { img: "https://images.unsplash.com/photo-1589118949245-7d38baf380d6", title: "Bike", }, { img: "https://images.unsplash.com/photo-1551963831-b3b1ca40c98e", title: "Breakfast", }, { img: "https://images.unsplash.com/photo-1551782450-a2132b4ba21d", title: "Burger", }, { img: "https://images.unsplash.com/photo-1522770179533-24471fcdba45", title: "Camera", }, { img: "https://images.unsplash.com/photo-1444418776041-9c7e33cc5a9c", title: "Coffee", }, { img: "https://images.unsplash.com/photo-1533827432537-70133748f5c8", title: "Hats", }, { img: "https://images.unsplash.com/photo-1558642452-9d2a7deb7f62", title: "Honey", }, { img: "https://images.unsplash.com/photo-1516802273409-68526ee1bdd6", title: "Basketball", }, { img: "https://images.unsplash.com/photo-1518756131217-31eb79b20e8f", title: "Fern", }, { img: "https://images.unsplash.com/photo-1597645587822-e99fa5d45d25", title: "Mushrooms", }, { img: "https://images.unsplash.com/photo-1567306301408-9b74779a11af", title: "Tomato basil", }, { img: "https://images.unsplash.com/photo-1471357674240-e1a485acb3e1", title: "Sea star", }, { img: "https://images.unsplash.com/photo-1589118949245-7d38baf380d6", title: "Bike", }, { img: "https://images.unsplash.com/photo-1551963831-b3b1ca40c98e", title: "Breakfast", }, { img: "https://images.unsplash.com/photo-1551782450-a2132b4ba21d", title: "Burger", }, { img: "https://images.unsplash.com/photo-1522770179533-24471fcdba45", title: "Camera", }, { img: "https://images.unsplash.com/photo-1444418776041-9c7e33cc5a9c", title: "Coffee", }, { img: "https://images.unsplash.com/photo-1533827432537-70133748f5c8", title: "Hats", }, { img: "https://images.unsplash.com/photo-1558642452-9d2a7deb7f62", title: "Honey", }, { img: "https://images.unsplash.com/photo-1516802273409-68526ee1bdd6", title: "Basketball", }, { img: "https://images.unsplash.com/photo-1518756131217-31eb79b20e8f", title: "Fern", }, { img: "https://images.unsplash.com/photo-1597645587822-e99fa5d45d25", title: "Mushrooms", }, { img: "https://images.unsplash.com/photo-1567306301408-9b74779a11af", title: "Tomato basil", }, { img: "https://images.unsplash.com/photo-1471357674240-e1a485acb3e1", title: "Sea star", }, { img: "https://images.unsplash.com/photo-1589118949245-7d38baf380d6", title: "Bike", }, { img: "https://images.unsplash.com/photo-1551963831-b3b1ca40c98e", title: "Breakfast", }, { img: "https://images.unsplash.com/photo-1551782450-a2132b4ba21d", title: "Burger", }, { img: "https://images.unsplash.com/photo-1522770179533-24471fcdba45", title: "Camera", }, { img: "https://images.unsplash.com/photo-1444418776041-9c7e33cc5a9c", title: "Coffee", }, { img: "https://images.unsplash.com/photo-1533827432537-70133748f5c8", title: "Hats", }, { img: "https://images.unsplash.com/photo-1558642452-9d2a7deb7f62", title: "Honey", }, { img: "https://images.unsplash.com/photo-1516802273409-68526ee1bdd6", title: "Basketball", }, { img: "https://images.unsplash.com/photo-1518756131217-31eb79b20e8f", title: "Fern", }, { img: "https://images.unsplash.com/photo-1597645587822-e99fa5d45d25", title: "Mushrooms", }, { img: "https://images.unsplash.com/photo-1567306301408-9b74779a11af", title: "Tomato basil", }, { img: "https://images.unsplash.com/photo-1471357674240-e1a485acb3e1", title: "Sea star", }, { img: "https://images.unsplash.com/photo-1589118949245-7d38baf380d6", title: "Bike", }, { img: "https://images.unsplash.com/photo-1551963831-b3b1ca40c98e", title: "Breakfast", }, { img: "https://images.unsplash.com/photo-1551782450-a2132b4ba21d", title: "Burger", }, { img: "https://images.unsplash.com/photo-1522770179533-24471fcdba45", title: "Camera", }, { img: "https://images.unsplash.com/photo-1444418776041-9c7e33cc5a9c", title: "Coffee", }, { img: "https://images.unsplash.com/photo-1533827432537-70133748f5c8", title: "Hats", }, { img: "https://images.unsplash.com/photo-1558642452-9d2a7deb7f62", title: "Honey", }, { img: "https://images.unsplash.com/photo-1516802273409-68526ee1bdd6", title: "Basketball", }, { img: "https://images.unsplash.com/photo-1518756131217-31eb79b20e8f", title: "Fern", }, { img: "https://images.unsplash.com/photo-1597645587822-e99fa5d45d25", title: "Mushrooms", }, { img: "https://images.unsplash.com/photo-1567306301408-9b74779a11af", title: "Tomato basil", }, { img: "https://images.unsplash.com/photo-1471357674240-e1a485acb3e1", title: "Sea star", }, { img: "https://images.unsplash.com/photo-1589118949245-7d38baf380d6", title: "Bike", }, ];