chore: fixes
This commit is contained in:
parent
7ac8cb1116
commit
e00adcd128
1 changed files with 20 additions and 18 deletions
|
|
@ -817,10 +817,6 @@ a:hover {
|
|||
}
|
||||
|
||||
|
||||
/* =========================
|
||||
* BASE (1920 DESIGN DEFAULT)
|
||||
* ALWAYS ON (prevents breakage)
|
||||
= *======================== */
|
||||
.left_banner,
|
||||
.right_banner {
|
||||
position: fixed;
|
||||
|
|
@ -837,42 +833,48 @@ a:hover {
|
|||
pointer-events: none;
|
||||
}
|
||||
|
||||
/* original images */
|
||||
.left_banner {
|
||||
top: 250px;
|
||||
left: 40px;
|
||||
background-image: url("https://www.veltron.net/images/dragon.png");
|
||||
}
|
||||
/* =========================
|
||||
* 1920×1080 (NORMAL SIZE)
|
||||
= *======================== */
|
||||
@media (min-width: 1920px) {
|
||||
.left_banner {
|
||||
top: 250px;
|
||||
left: 40px;
|
||||
background-image: url("https://www.veltron.net/images/dragon.png");
|
||||
}
|
||||
|
||||
.right_banner {
|
||||
top: 150px;
|
||||
right: 40px;
|
||||
background-image: url("https://www.veltron.net/images/digimon.png");
|
||||
.right_banner {
|
||||
top: 150px;
|
||||
right: 40px;
|
||||
background-image: url("https://www.veltron.net/images/digimon.png");
|
||||
}
|
||||
}
|
||||
|
||||
/* =========================
|
||||
* TABLETS / LAPTOPS (smaller but visible)
|
||||
* 1280–1919 (SMALL BUT VISIBLE)
|
||||
= *======================== */
|
||||
@media (max-width: 1919px) and (min-width: 1280px) {
|
||||
.left_banner,
|
||||
.right_banner {
|
||||
width: 200px;
|
||||
height: 327px;
|
||||
width: 220px;
|
||||
height: 360px;
|
||||
}
|
||||
|
||||
.left_banner {
|
||||
top: 180px;
|
||||
left: 10px;
|
||||
background-image: url("https://www.veltron.net/images/dragon.png");
|
||||
}
|
||||
|
||||
.right_banner {
|
||||
top: 120px;
|
||||
right: 10px;
|
||||
background-image: url("https://www.veltron.net/images/digimon.png");
|
||||
}
|
||||
}
|
||||
|
||||
/* =========================
|
||||
* SMALL SCREENS (hide safely)
|
||||
* BELOW 1280 (HIDE)
|
||||
= *======================== */
|
||||
@media (max-width: 1279px) {
|
||||
.left_banner,
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue