This commit is contained in:
Franklin 2023-03-17 12:05:22 -04:00
parent c1155e6226
commit 3b801c59fe
3 changed files with 31 additions and 1 deletions

23
css/details.css Normal file
View File

@ -0,0 +1,23 @@
/*
Divide the Details page into 3 main sections:
- Head (Picture, Title, Picture gallery & Videos, Price, Details)
*/
.details-container {
display: flex;
flex-direction: column;
justify-content: stretch;
align-items: center;
padding: 0px 30px;
background-color: black;
margin-top: 30px;
width: 100%;
}
.details-head {
display: flex;
}
.details-head-image-frame{
display: flex;
}

View File

@ -9,6 +9,7 @@
<link data-trunk type="text/css" href="css/landing.css" rel="css" />
<link data-trunk type="text/css" href="css/search.css" rel="css" />
<link data-trunk type="text/css" href="css/project_card.css" rel="css" />
<link data-trunk type="text/css" href="css/details.css" rel="css" />
<link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro" rel="stylesheet">

View File

@ -8,7 +8,13 @@ pub fn details_page() -> Html {
<>
<NavigationBar/>
<div class={"page-container"}>
<div class={"details-container"}>
<div class={"details-head"}>
<div class={""}>
</div>
</div>
</div>
</div>
</>
}