jl-frontend/css/details.css

32 lines
585 B
CSS
Raw Normal View History

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
}