carousel: more positioning of partner-image-description-container, less positioning of children.
@@ -271,29 +271,23 @@ and (max-device-width : 480px) {
}
.partner-image-description-container{
position: relative;
- max-width: inherit;
+ width: 233px;
height: 150px;
- margin-left: auto;
- margin-right: auto;
+ margin-left: 42px;
+ padding-right: 8px;
}
.partner-glider-image{
- /*
- * to be adjusted
- */
- position: absolute;
- bottom: 20px;
- max-width: 220px;
- max-height: 130px;
- padding: 0 45px 0 50px;
+ max-width: 100%;
+ max-height: 110px;
+ padding: 40px 0 0 0;
}
.partner-glider-description{
position: absolute;
- width: inherit;
- top: 40px;
+ top: 50px;
+ right: 6px;
+ bottom: 5px;
font-size: 14px;
- overflow: hidden;
white-space: normal;
- padding: 10px 65px 0px 42px;
}
.partner-glider-description.truncate-overflow{
--max-lines: 4;
@@ -345,28 +339,21 @@ and (max-device-width : 1024px) {
}
.partner-image-description-container{
position: relative;
- max-width: inherit;
+ width: 458px;
height: 150px;
- margin-left: auto;
+ margin-left: 30px;
margin-right: auto;
}
.partner-glider-image{
- /*
- * to be adjusted
- */
- position: absolute;
- bottom: 20px;
- max-width: 240px;
- max-height: 130px;
- padding: 0 45px 0 50px;
+ padding-right: 42px;
+ max-height: 105px;
+ max-width: 100%;
}
.partner-glider-description{
position: absolute;
top: 40px;
- width: inherit;
- overflow: hidden;
+ right: 29.5px;
white-space: normal;
- padding: 0px 30px 0px 30px;
}
.partner-glider-description.truncate-overflow{
--max-lines: 4;
@@ -416,29 +403,18 @@ and (max-device-width : 1024px) {
}
.partner-image-description-container{
position: relative;
- max-width: inherit;
height: 176px;
- margin-left: auto;
- margin-right: auto;
+ margin-left: 25px;
+ margin-right: 30px;
}
.partner-glider-image{
- /*
- * to be adjusted
- position: absolute;
- bottom: 20px;
- padding: 0 50px 0 50px;
- */
- max-width: 325px;
- max-height: 156px;
+ max-width: 100%;
+ height: 125px;
}
.partner-glider-description{
position: absolute;
top: 35px;
- width: inherit;
- height: 125px;
- overflow: hidden;
white-space: normal;
- padding: 0px 30px 0px 25px;
text-overflow: ellipsis;
}
.partner-glider-description.truncate-overflow{
