Browse Source

changes in pictures positioning

master
max 2 years ago
parent
commit
78e2873e70
  1. 24
      src/pages/CyberTrack.vue
  2. 31
      src/pages/TeslaMode.vue

24
src/pages/CyberTrack.vue

@ -34,9 +34,9 @@ @@ -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 @@ @@ -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;
}

31
src/pages/TeslaMode.vue

@ -26,9 +26,9 @@ @@ -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 @@ @@ -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{

Loading…
Cancel
Save