copied lab7

labs/lab8/src/main/components/Content.tsx

@@ -0,0 +1,21 @@
+import Container from '@mui/material/Container';
+import Grid from '@mui/material/Grid';
+import structures from "../../data";
+import BuildCard from "./BuildCard"
+const cardData = [structures[3], structures[6], structures[9], structures[7]]
+
+function Content() {
+  return (
+    <Container maxWidth="xl">
+      <Grid container spacing={{ xs: 3, md: 6 }}>
+        {cardData.map((item, index) => (
+          <Grid key={index} size={{ xs: 12, md: 6 }} >
+            <BuildCard building={ item } cardNum={index} idx={[3,6,9,7][index]} />
+          </Grid>
+        ))}
+      </Grid>
+    </Container>
+  );
+}
+
+export default Content;