2023-03-17 16:05:22 +00:00
|
|
|
|
|
|
|
|
/*
|
|
|
|
|
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;
|
2023-03-20 20:37:16 +00:00
|
|
|
align-items: start;
|
|
|
|
|
padding: 0px 15px;
|
|
|
|
|
margin-top: 60px;
|
2023-03-17 16:05:22 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.details-head {
|
|
|
|
|
display: flex;
|
2023-03-20 20:37:16 +00:00
|
|
|
flex-direction: column;
|
|
|
|
|
justify-content: stretch;
|
|
|
|
|
align-items: center;
|
|
|
|
|
width: 100%;
|
2023-03-17 16:05:22 +00:00
|
|
|
}
|
|
|
|
|
|
2023-03-20 20:37:16 +00:00
|
|
|
.details-head-image-frame {
|
2023-03-17 16:05:22 +00:00
|
|
|
display: flex;
|
2023-03-20 20:37:16 +00:00
|
|
|
height: 300px;
|
|
|
|
|
width: 100%;
|
|
|
|
|
background-color: gray;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
.details-head-title {
|
|
|
|
|
font-size: 25px;
|
2023-03-17 16:05:22 +00:00
|
|
|
}
|
