Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- .accommodation-services-container{
- display: flex;
- background-color: #A8CD49;
- color: #FFFFFF;
- /* width: 95%; */
- height: 25vh;
- padding: 53px;
- align-items: center;
- justify-content: center;
- position: relative;
- overflow: hidden;
- margin-bottom: 1%;
- }
- .accommodation-services-box{
- display: grid;
- grid-template-columns: auto auto auto;
- grid-template-rows: 53px 53px 53px;
- grid-column-gap: 113px;
- }
- .accommodation-services-icon{
- display: flex;
- width: 25px;
- height: 25px;
- margin-right: 8px;
- }
- .accommodation-services-text{
- display: flex;
- color: #FFFFFF;
- font-size: 0.85rem;
- text-align: left;
- }
- .accommodation-services-description-box{
- display: flex;
- flex-direction: row;
- max-width: 215px;
- align-items: center;
- justify-content: left;
- }
- .accommodation-services-right-coconut{
- display: flex;
- width: 10%;
- position: absolute;
- right: -38px;
- height: 200px;
- align-self: end;
- }
- .accommodation-services-left-coconut{
- display: flex;
- width: 10%;
- position: absolute;
- left: -30px;
- height: 200px;
- align-self: end;
- }
- @media(max-width:1024px){
- .accommodation-services-left-coconut{
- display:none;
- }
- .accommodation-services-right-coconut{
- display: none;
- }
- .accommodation-services-box{
- grid-template-columns: auto auto;
- grid-template-rows: auto;
- grid-column-gap: 80px;
- grid-row-gap: 37px;
- }
- .accommodation-services-container{
- height: 50vh;
- }
- .accommodation-services-description-box {
- align-items: flex-start;
- }
- }
- @media(max-width:320px){
- .accommodation-services-box{
- grid-column-gap: 40px;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement