Changing generative art dimensions on mobile

This commit is contained in:
Thomas Smith 2022-09-22 18:38:22 -04:00
parent 6efafb6f03
commit 44a7dbf229

View file

@ -12,13 +12,14 @@
background-position: center;
background-repeat: repeat;
background-size: cover;
transition: 0.2s ease-in-out;
}
#gen-art-2{
position:absolute;
width:17vw;
height: 10vw;
right: 16.3vw;
right: 20.3vw !important;
top:33.3vw;
z-index: 0;
background-image: url("/Images/gen-art/gen-art-_0013_DALL·E 2022-09-01 11.17.52 - macro red world of pastel geometric shapes.png.jpg");
@ -26,6 +27,7 @@
background-position: right;
background-repeat: no-repeat;
background-size: contain;
transition: 0.2s ease-in-out;
}
#gen-art-3{
@ -575,7 +577,7 @@
#gen-art-1{
position:absolute;
width:25vw !important;
height: 12.5vw;
height: 30vw;
right: 5.8vw;
top:300px;
z-index: 0;
@ -588,16 +590,16 @@
#gen-art-2{
position:absolute;
width:25vw;
height: 10vw;
width:20vw;
height: 25vw;
right: 16.3vw;
top:33.3vw;
z-index: 0;
background-image: url("/Images/gen-art/gen-art-_0013_DALL·E 2022-09-01 11.17.52 - macro red world of pastel geometric shapes.png.jpg");
background-attachment: fixed;
background-position: right;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
background-size: cover;
}
#gen-art-3{