diff --git a/src/App.jsx b/src/App.jsx index 91b9138..a609ee1 100644 --- a/src/App.jsx +++ b/src/App.jsx @@ -13,19 +13,19 @@ import Toolbar from '@mui/material/Toolbar'; import Typography from '@mui/material/Typography'; import Container from '@mui/material/Container'; import Link from '@mui/material/Link'; -import { createTheme, ThemeProvider } from '@mui/material/styles'; +import {createTheme, ThemeProvider} from '@mui/material/styles'; function Copyright() { - return ( - - {'Copyright © '} - - Your Website - {' '} - {new Date().getFullYear()} - {'.'} - - ); + return ( + + {'Copyright © '} + + Your Website + {' '} + {new Date().getFullYear()} + {'.'} + + ); } const cards = [1, 2, 3, 4, 5, 6, 7, 8, 9]; @@ -33,105 +33,136 @@ const cards = [1, 2, 3, 4, 5, 6, 7, 8, 9]; const defaultTheme = createTheme(); export default function App() { - return ( - - - - - - Album layout - - - -
- {/* Hero unit */} - - - - SOS12 - - - Something short and leading about the collection below—its contents, - the creator, etc. Make it short and sweet, but not too short so folks - don't simply skip over it entirely. - - - - - - - - - {/* End hero unit */} - - - {/*# TODO:Edit the Jode here */} - {cards.map((card) => ( - - - + + - - - Jode1 + > + + + Album layout - - This is a media card. You can use this section to describe the - content. - - - - - - - - - ))} + + +
+ {/* Hero unit */} + + + + SOS12 + + + Something short and leading about the collection below—its contents, + the creator, etc. Make it short and sweet, but not too short so folks + don't simply skip over it entirely. + + + + + + + + + {/* End hero unit */} + - - -
- {/* Footer */} - - - Footer - - - Something here to give the footer a purpose! - - - - {/* End footer */} - - ); + {/*# TODO:Edit the Jode here */} + {cards.map((card) => ( + + + + + + Jode1 + + + This is a media card. You can use this section to + describe the + content. + + + + + + + + + ))} + +
+
+
+ {/* Footer */} + + + Footer + + + Something here to give the footer a purpose! + + + + {/* End footer */} +
+ ); } \ No newline at end of file