mirror of
https://github.com/ivabus/www
synced 2024-11-14 08:45:06 +03:00
Changing generative art dimensions on mobile
This commit is contained in:
parent
6efafb6f03
commit
44a7dbf229
1 changed files with 8 additions and 6 deletions
|
@ -12,13 +12,14 @@
|
||||||
background-position: center;
|
background-position: center;
|
||||||
background-repeat: repeat;
|
background-repeat: repeat;
|
||||||
background-size: cover;
|
background-size: cover;
|
||||||
|
transition: 0.2s ease-in-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
#gen-art-2{
|
#gen-art-2{
|
||||||
position:absolute;
|
position:absolute;
|
||||||
width:17vw;
|
width:17vw;
|
||||||
height: 10vw;
|
height: 10vw;
|
||||||
right: 16.3vw;
|
right: 20.3vw !important;
|
||||||
top:33.3vw;
|
top:33.3vw;
|
||||||
z-index: 0;
|
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-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-position: right;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-size: contain;
|
background-size: contain;
|
||||||
|
transition: 0.2s ease-in-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
#gen-art-3{
|
#gen-art-3{
|
||||||
|
@ -575,7 +577,7 @@
|
||||||
#gen-art-1{
|
#gen-art-1{
|
||||||
position:absolute;
|
position:absolute;
|
||||||
width:25vw !important;
|
width:25vw !important;
|
||||||
height: 12.5vw;
|
height: 30vw;
|
||||||
right: 5.8vw;
|
right: 5.8vw;
|
||||||
top:300px;
|
top:300px;
|
||||||
z-index: 0;
|
z-index: 0;
|
||||||
|
@ -588,16 +590,16 @@
|
||||||
|
|
||||||
#gen-art-2{
|
#gen-art-2{
|
||||||
position:absolute;
|
position:absolute;
|
||||||
width:25vw;
|
width:20vw;
|
||||||
height: 10vw;
|
height: 25vw;
|
||||||
right: 16.3vw;
|
right: 16.3vw;
|
||||||
top:33.3vw;
|
top:33.3vw;
|
||||||
z-index: 0;
|
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-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-attachment: fixed;
|
||||||
background-position: right;
|
background-position: center;
|
||||||
background-repeat: no-repeat;
|
background-repeat: no-repeat;
|
||||||
background-size: contain;
|
background-size: cover;
|
||||||
}
|
}
|
||||||
|
|
||||||
#gen-art-3{
|
#gen-art-3{
|
||||||
|
|
Loading…
Reference in a new issue