diff --git a/src/pages/CyberTrack.vue b/src/pages/CyberTrack.vue index 000dabb..b47f5b0 100644 --- a/src/pages/CyberTrack.vue +++ b/src/pages/CyberTrack.vue @@ -34,9 +34,9 @@ h2.advantages-description__header FLEXIBLE INTERIOR p.advantages-description__text Seat six comfortably with additional storage under the second-row seats. Complete with an advanced 17″ touchscreen with an all-new customized user interface. .advantages-img - img.advantages-img__img1(src="../assets/images/cyber-from-back.png" alt="") - img.advantages-img__img2(src="../assets/images/cyber-open-back.png" alt="") - img.advantages-img__img3(src="../assets/images/cyber-inside.png" alt="") + img.advantages-img(src="../assets/images/cyber-from-back.png" alt="") + img.advantages-img(src="../assets/images/cyber-open-back.png" alt="") + img.advantages-img(src="../assets/images/cyber-inside.png" alt="") .vid-descr video.vid-descr__vid(src="http://infoviolence.org/ru/vblog/v720view/infoviolence_041.mp4" autoplay controls) h2.vid-descr__descr CYBERTRACK @@ -234,25 +234,23 @@ } &-img { - &__img1 { + display: block; + margin-left: 63px; + + &:nth-child(1) { max-height: 305px; max-width: 545px; - margin-left: 63px; margin-right: 45px; } - &__img2 { - position: absolute; - top: 275px; - right: 0; + &:nth-child(2) { max-height: 251px; max-width: 502px; + margin-top: -45px; + margin-left: 150px; } - &__img3 { - position: absolute; - bottom: 0; - right: 220px; + &:nth-child(3) { max-height: 188px; max-width: 376px; } diff --git a/src/pages/TeslaMode.vue b/src/pages/TeslaMode.vue index f410252..0fb02e9 100644 --- a/src/pages/TeslaMode.vue +++ b/src/pages/TeslaMode.vue @@ -26,9 +26,9 @@ .fabric img(src="../assets/images/fabric.png" alt="") .container.test-drive - .test-drive__image - img.test-drive__image1(src="../assets/images/car-back.png") - img.test-drive__image2(src="../assets/images/tesla-wheel.png") + .test-drive__img + img.test-drive__img(src="../assets/images/car-back.png") + img.test-drive__img(src="../assets/images/tesla-wheel.png") .test-drive__txt h2 Test drive .description @@ -171,19 +171,28 @@ display: flex; margin-bottom: 250px; max-width: 1139px; + max-height: 801px; position: relative; padding-bottom: 155px; - &__image1{ - height: 646px; + &__img { + display: block; margin-right: 416px; - } - &__image2{ - height: 436px; - position: absolute; - left: 277px; - bottom: 0; + &:first-child { + max-height: 646px; + max-width: 363px; + height: 100%; + width: 100%; + } + + &:last-child { + max-height: 436px; + max-width: 436px; + margin-right: 0; + margin-left: 277px; + margin-top: -290px; + } } &__txt{