hw6 done

site/src/components/Sidebar.tsx

@@ -0,0 +1,19 @@
+import Container from '@mui/material/Container';
+import Grid from '@mui/material/Grid';
+import {sidecardData} from "../data";
+import SmallCard from "./SmallCard"
+const cardData = sidecardData
+
+function Content() {
+  return (
+    <Container maxWidth="xs" sx={{maxWidth: {xs:"100%", md:"300px"}, pr:{md:"0px !important",xs:"20px"}}}>
+      {cardData.map((item, index) => (
+        <Grid key={index} size={{ xs: 12, md: 3 }} >
+          <SmallCard data={ item } cardNum={index} />
+        </Grid>
+      ))}
+    </Container>
+  );
+}
+
+export default Content;