Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .accommodation-detail{
- display: flex;
- width: 100%;
- font-family: 'Raleway', sans-serif;
- color: #1E1E1E;
- height: 100vh;
- margin-bottom: 2rem;
- }
- .accommodation-detail-informations{
- display: flex;
- width: 30%;
- box-shadow: 0px 0px 6px #dedede;
- padding: 60px;
- justify-content: space-between;
- }
- .accommodation-detail-container{
- display: flex;
- flex-direction: column;
- justify-content: space-around;
- }
- .accommodation-detail-title-box{
- display: flex;
- flex-direction: column;
- align-items: flex-start;
- }
- .accommodation-detail-title{
- font-family: 'Raleway', sans-serif;
- font-size: 1rem;
- font-weight: 500;
- letter-spacing: 8px;
- padding-bottom: 5px;
- }
- .accommodation-detail-subtitle{
- font-family: 'Raleway', sans-serif;
- font-size: 0.85rem;
- letter-spacing: 8px;
- }
- .accommodation-detail-description{
- font-size: 0.9rem;
- display: flex;
- justify-content: flex-start;
- text-align: left;
- width: 100%;
- }
- .accommodation-detail-offered-services{
- display: flex;
- flex-direction: column;
- margin-left: 20px;
- }
- .services-box{
- display: flex;
- justify-content: flex-start;
- margin-bottom: 6px;
- }
- .services-icon{
- display: flex;
- width: 15px;
- height: 15px;
- margin-right: 4px;
- }
- .see-more-informations{
- display: flex;
- flex-direction: column;
- align-items: flex-start;
- color: #1E1E1E;
- }
- .see-more-informations-underline{
- background-color: #1E1E1E;
- height: 2px;
- width: 80px;
- }
- .see-more-informations-text{
- font-size: 0.85rem;
- padding-bottom: 6px;
- }
- .service-description{
- font-size: 0.85rem;
- }
- .bannerRefactor{
- width: 70%;
- height: 100vh;
- }
- @media(max-width: 786px){
- .accommodation-detail{
- flex-direction: column;
- align-items: center;
- position: relative;
- justify-content: center;
- height: fit-content;
- }
- .accommodation-detail-informations{
- display: flex;
- order: 1;
- width: 100%;
- justify-content: center;
- min-height: 30vh;
- box-shadow: 0px 0px 0px 0px;
- }
- .accommodation-detail-offered-services{
- display: none;
- }
- .accommodation-detail-container{
- display: flex;
- align-items: center;
- width: 85%;
- justify-content: space-around;
- height: fit-content;
- min-height: 35vh;
- }
- .accommodation-detail-title{
- text-align: center;
- }
- .accommodation-detail-subtitle{
- text-align: center;
- }
- .accommodation-detail-description{
- justify-content: center;
- text-align: center;
- width: 100%;
- }
- .accommodation-detail-title-box{
- align-items: center;
- }
- .see-more-informations{
- align-items: center;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement